el-tree 设置默认展开指定层级

el-tree默认关闭所有选项,但是有添加或者编辑删除的情况下,需要刷新接口,此时会又要关闭所有选项;

需求:在编辑时、添加、删除 需要将该内容默认展开

复制代码
 <el-tree :default-expanded-keys="expandedkeys"
                :data="data"
                node-key="id"
                :expand-on-click-node="false"
                @node-click="handleNodeClick"
                @node-contextmenu="handleRightClick"
                @node-expand="handleExpand"></el-tree>

expandedkeys:\[\] //expandedkeys为要展开的层级

里面的值就是node-key="id" 里的id键对应的值

:default-expanded-keys="expandedkeys"

相关推荐
_菜鸟果果8 小时前
高德地图 JS API 2.0 在国产 Linux/ARM 电脑上渲染失败 的排查与解决
linux·开发语言·javascript
Java后端的Ai之路8 小时前
前端技术Vue-09-webpack-vuejs-实战
前端·vue.js·webpack
迷途小羔羊9 小时前
项目概述
java·javascript·后端
迷迭绿9 小时前
Cesium 轨迹回放播放器
前端·javascript·cesium
tryCbest10 小时前
Vue3——第 7 篇:组件基础——从注册到使用的完整流程
前端·javascript·vue.js
weixin_BYSJ198710 小时前
【计算机毕设】房屋租赁系统02647
java·vue.js·spring boot·python·django·课程设计
时间的情敌10 小时前
Electron 设置-webkit-app-region: drag;实现拖拽后, 无法响应鼠标划过事件及点击事件的解决方式
前端·vue.js
专业程序开发源11 小时前
springboot校企合作双选会一站式预约与面试系统16010-计算机课程设计、毕业设计
java·vue.js·spring boot·后端·面试·php·课程设计
Eastmount13 小时前
[论文阅读] (54)NDSS26 JSIMPLIFIER:动静态与LLM如何协同完成JavaScript解混淆?
javascript·论文阅读·恶意代码分析·智能体安全·ndss