vue element 用table嵌套多选框checkbox( 二 )

去查每一条的状态执行状态
轮子的优化
Bug问题
需要先会在vue中实现form组件的
map修改获取到的组装的结构:
// 塞数据this.tableData.push({id: i,tablename: eachRow,childMenu: this.rColumnList.map( // 内层数组重构function(str, index) {// console.log({ id: index, menu: str })return { id: index, menu: str }})})
结构如下:

[{

vue element 用table嵌套多选框checkbox

文章插图
id: 0
: “books”
:[
{id: 0, menu: ‘no_id’}

},

接下来,作为一个对象 。
用vue 的table的:data=""接收作为表数据的填充,
常见的一列取对象对应的键值:
再往里面一层取对象某一个键的列表值:
想一下是借用对象还是另外使用:{0: [‘’, ‘’, ‘’], 1: [], 2: []},修改原来的多选框的效果
先用作为表格第二列(表字段列)的多选框选项支持的数据:
调整测试html部分
因为el--group的v-modal绑定值是数组,因此在group外层控制的绑定数据就应该是对象,这样内层取到的就是数组
bug
group的v-modal绑定的值在修改后会变化,但是视图渲染却在鼠标移出表格才能生效 。
无法更新视图
在@方法里面添加
this.$set(this., index, row)