vue element table使用递归函数设置全选（table列表有同步树）

weixin_44134816

已于 2022-08-09 13:56:57 修改

阅读量234

点赞数

分类专栏：前端

于 2022-08-08 16:38:26 首次发布

本文链接：https://blog.csdn.net/weixin_44134816/article/details/126230570

版权

树形数据状态管理全选检查数据操作

关键词由CSDN通过智能技术生成

前端专栏收录该内容

80 篇文章 2 订阅

订阅专栏

 //全选、全不选
    checkAllData(prop, bol){
      function circle(data, prop, bol){
        for(let i = 0, len = data.length; i < len; i++){
          data[i][prop] = bol
          if(data[i].children && data[i].children.length){
            circle(data[i].children, prop, bol)
          }
        }
      }
      circle(this.tableList, prop, bol)
    },
    //调用
    this.checkAllData('444', val)  //勾选数据   
  //获取总选中数量
    checkIfAll(prop){
      let totalCount = 0, checkCount = 0;
      function circle(data, prop){
        for(let i = 0, len = data.length; i < len; i++){
          totalCount++;
          if(data[i][prop]){
            checkCount++
          }
          if(data[i].children && data[i].children.length){
            circle(data[i].children, prop)
          }
        }
      }
      circle(this.tableList, prop)
      return totalCount === checkCount ? true : false;
    },
    //调用
    this.checkIfAll('2222')
  // 档案管理选一个
    hasManageOneChange() {
      if(this.checkRoleId()){
        this.hasManageCheckAll = this.checkIfAll('hasManage') ? true : false
      }else{
        return false
      }
    }