栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 前沿技术 > 大数据 > 数据挖掘与分析

el-tree设置默认选中checkbox且复选框值改变触发事件

el-tree设置默认选中checkbox且复选框值改变触发事件


        
checkedList(){
      this.$nextTick(() =>{
        let res = this.$refs.tree.getCheckedNodes(true)
        let ids = []
        res.forEach(item =>{
          ids.push(item.id)
        })
        this.checkIdList = ids.toString()
        this.initTable()
      });
    },
    //格式化模板
    renderContent(h, { node, data, store }){//每个父节点统计子节点数量方法
      if(data.sonNodeList !=''){
        return (
          
            {node.label+'('+data.sonNodeList.length+')'}
          
        );
      }else{
        return (
          
            {node.label}
          
        );
      }
    },
    async initLeftMenu(){
      let res = await getCatalogue(this.type)
      if(res.code == 0){
        this.treeData = res.data[this.type]
      }
      this.loading = false
      // 初始化复选框选中状态
      this.treeData.forEach((i, n) => {
        i.sonNodeList.forEach((index,node) =>{
          this.$nextTick(() =>{
          var node = this.$refs.tree.getNode(index)
          if (node.isLeaf) {
            this.$refs.tree.setChecked(node, true)
          }
        });
        })
      })
    },
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/278776.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号