美文网首页
element 树形控件全部收起/展开,部分收起/展开

element 树形控件全部收起/展开,部分收起/展开

作者: 有你有团 | 来源:发表于2021-01-28 09:35 被阅读0次

    问题描述

    element树形控件功能很强大,基本满足开发需求,但是总有那么一两个需求~~~

    • 全部展开(默认展开)
      这个就简单了,直接 default-expand-all ,注意:这里是默认全部展开
    <el-tree
      :data="data"
      :default-expand-all="defaultExpandAll">
    </el-tree>
    
    <script>
      export default {
        data(){
          return:{
            defaultExpandAll:true,
            data:[] 
          }
        }
      }
    </script>
    
    • 全部收起
      默认展开default-expand-all为true,那么直接收起设置default-expand-all为false?
    <el-button @click="defaultExpandAll = true">展开</el-button>
    <el-button @click="defaultExpandAll = false">收起</el-button>
    

    经过测试无法通过改变defaultExpandAll的布尔值来改变树控件的展开和收起

    • 全部收起
    let nodesMap = this.$refs.resourceTree.store.nodesMap;
    for (let key in nodesMap) {
       // 全部关闭
          nodesMap[key].expanded = false;
          nodesMap[key].isCurrent = false;
    }
    
    • 部分展开

    相关文章

      网友评论

          本文标题:element 树形控件全部收起/展开,部分收起/展开

          本文链接:https://www.haomeiwen.com/subject/jrodbktx.html