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

问题描述

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;
}
  • 部分展开
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容