vuejs实现树形checkbox二维数组全选

 

HTML代码: 

 

<ul v-for="list in rolesMenuList">
<li><input type="checkbox"  :value="list.id" v-model="menusId" @change="CheckChange">{
  {list.name}}
 <!-- 二级菜单-->
 <ul v-for="val in list.childrens">
    <li><input type="checkbox" :value="val.id" v-model="menusId" @change="CheckChange">{
  {val.name}}</li>
       </ul>
 </li>
</ul>

JS代码: 

export default {
  data () {
    return {
       rolesMenuList: [],
       menusId: [],
       checkAll: false
    }
  }

methods: {

    CheckAllChange () {
      const self = this
        let items = []
        // 遍历父级菜单
        items = self.rolesMenuList.map(item => {
          return item.