数据
isIndeterminate: true,checkAll: false,checkedEquipments: [], // 随意修改后的checked项（即要传到后台的变更数据）equipments: [ // 所有数据{id: '1',menu: 'table1',childMenu: [{id: '1-1',menu: '字段一'}, {id: '1-2',menu: '字段二'}, {id: '1-3',menu: '字段三'}, {id: '1-4',menu: '字段四'}]},{id: '2',menu: 'table2',childMenu: [{id: '2-1',menu: '字段1'}, {id: '2-2',menu: '字段2'}, {id: '2-3',menu: '字段3'}, {id: '2-4',menu: '字段4'}]}],checkEquip: [ // 模拟后台获取的数据（各el-checkbox-group默认checked项）{id: '1',menu: 'table1',childMenu: [{id: '1-1',menu: '暖通一'}, {id: '1-2',menu: '照明一'}]}, {id: '2',menu: '设备2',childMenu: []}]// 方法handleChange() {this.checkEquipArr = []const arr = this.checkedEquipmentsfor (let i = 0; i < arr.length; i++) {const equipment = arr[i]if (equipment.length > 0) {const obj = {id: this.equipments[i].id,equips: []}for (let j = 0; j < equipment.length; j++) {obj.equips.push(equipment[j])}this.checkEquipArr.push(obj)}}console.log(this.checkEquipArr)}
错误： keys : ‘[ ]’. This may cause anerror.
写了两个一样的for循环，绑定的key相同 。
目前还存在的问题变成了子列表全部放到了每一行中，需要加判断或者筛选条件
接近成功了，使用了插槽获取对应行的数据
用插槽可以展示出来了
至此参考三部分
vue+ 动态获取数据 遍历循环 生成el--group
vue+-ui之 el-table组件中的理解和使用

文章插图
Vue.js的条件v-if和列表循环v-for
Vue组件开发实践之的传递
关于插槽的更新：
新：作用域插槽
旧：带有 slot-scope 特性的作用域插槽
如何理解：
深入理解vue中的slot与slot-scope
贴出来现在模拟数据的代码：
优化功能一：初始化时候，默认全选：

• 上一页
• 1
• 2
• 下一页

• 用forEach方法 js遍历数组
• python爬虫设置User
• 前端框架三巨头年度走势对比：Vue 增长率最高
• 用on给动态添加的元素绑定hover事件，没有生效的解决
• 三 用Abp实现短信验证码免密登录：Vue网页端开发
• 使用Yeoman实现vue项目结构创建
• ionic 初级开发手机端移动应用视频课程-陶国荣-专题视频课程
• 使用：hover和onmouseover的响应事件
• vue.js第一次加载会触发哪几个钩子函数
• 很有用的AngularJS 介绍