美文网首页
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