VUE给动态生成的el-checkbox添加v-model vue

需求描述：根据返回的数据，页面动态for循环添加el-checkbox，动态绑定v-model；
html代码：

全选

tabList数据格式：

tabList: [ { id: '1', name: 'test' }, { id: '2', name: 'teste2' } ]

之前的错误做法：

tabList.forEach((item, index) => { item.status = false; })

开始以为这样就可以了，毕竟在el-checkbox上用item.status绑定v-model，后面发现checkbox点击的时候并没有更新；
解决方案：

import Vue from 'vue' tabList.forEach((item, index) => { // item.status = false; Vue.set(item, 'status', ''); })

【VUE给动态生成的el-checkbox添加v-model】官方文档

文章图片

VUE给动态生成的el-checkbox添加v-model