vue 循环勾选框,Vue + element 实现多选框组并保存已选id集合

Vue + element 实现列表复选框并保存已选id集合

1.引用element组件多选框组，checkList为提交后台数据得数组，tableData为数据源

2.初始化tableData集合

3.循环遍历需要显示得值

4.在多选框组上添加chang事件

tableData: [{

date: '2016-05-02',

name: '王小虎',

address: '上海市普陀区金沙江路 1518 弄'

}, {

date: '2016-05-04',

name: '王小虎',

address: '上海市普陀区金沙江路 1517 弄'

}, {

date: '2016-05-01',

name: '王小虎',

address: '上海市普陀区金沙江路 1519 弄'

}, {

date: '2016-05-03',

name: '王小虎',

address: '上海市普陀区金沙江路 1516 弄'

}]

{{c.date}}

ch(){

console.log(this.checkList)

},

需要反显得话 只要后台将与:label对应得字段用数组返回即可

标签：Vue,普陀区,王小虎,element,05,address,date,2016,id

来源： https://blog.csdn.net/qq_40865910/article/details/106498206