elment的复选框怎么循环遍历数据 拿到选中的数据

Question

<el-checkbox-group v-model="ruleForm.linecity">
                    <el-checkbox v-for=" city in ruleForm.linecity" :label="city" :key="city">{{city}}</el-checkbox>
                </el-checkbox-group>
                我的数据
                

ruleForm.linecity是我拿到的数据 然后我遍历这个数据 我想把这个数据里面的1234567的数据传给后台 但是每次点击复选框都显示全选 应该是我写v-model绑定问题

Answer 1

cityList数据

cityList: [
    {
        label: '广州',
        value: 1
    },
    {
        label: '北京',
        value: 3
    }
]

<el-checkbox-group v-model="ruleForm.linecity">
    <el-checkbox v-for="city in cityList" :label="city.value" :key="city.value">{{city.label}}</el-checkbox>
</el-checkbox-group>

最后ruleForm.linecity就是你想要的数据了

Answer 2

el-checkbox-group 的 v-model 不要用这个 ruleForm.linecity ，换一个

Answer 3

你先把它转换成数组