el-tree 树全部展开或收起

绑定属性expanded,树自带方法this.$refs.tree.store.root.expanded,在mounted方法中给树方法赋值expandAll = false,具体代码实现详情如下:

html代码:

html 复制代码
<template>

      <el-tree
                  ref="tree"
                  :data="showDepData"
                  expand-on-click-node="false"
                  :props="{
                    label: 'name'
                  }"
                  node-key="deptId"
                  highlight-current
                  :default-expand-all="expanded"
                  @node-click="changeDepClick"
                >
                  <span slot-scope="{ node, data }">
                    <i
                      v-if="node.level == 1"
                      style="margin-right: 4px"
                      class="wk wk-customer"
                    />{{ data.name }}
                  </span>
                </el-tree>

</template

js代码:

java 复制代码
data(){

return{
expanded:false
}

}

mounted(){
//获取树自带的属性并给他赋值false
this.$refs.store.root.expanded = expanded

}
相关推荐
嘟嘟07177 分钟前
从零理解 MCP:手写一个本地 MCP Server 并接入 LangChain Agent
前端·后端
cocoafei9 分钟前
GPT-5.6 后,别再混淆 ChatGPT 和 Codex 额度了
前端·人工智能·chatgpt
你怎么知道我是队长10 分钟前
JavaScript的函数介绍
开发语言·前端·javascript
weedsfly14 分钟前
观察者模式 vs 发布-订阅模式:从概念到实战,一次讲清楚
前端·javascript·面试
暗不需求15 分钟前
手写 AJAX:从 XMLHttpRequest 到封装一个简易 axios
前端·面试
cxxcode19 分钟前
CSS Loader 与样式处理链路
前端·css
电商API_1800790524719 分钟前
电商ERP 自动同步订单功能实现拆解与技术手段
服务器·前端·网络·爬虫
cxxcode19 分钟前
CSS 隔离与 qiankun 样式问题总结
前端
咪饭只吃一小碗23 分钟前
告别微调成本!用 RAG 本地向量库解决大模型私有领域数据接入
javascript·后端·面试
__sjfzllv___28 分钟前
在职前端Leader学习/转行 AI Agent -DAY3
前端