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"

相关推荐
GISer_Jing21 分钟前
WebGL实例化渲染:性能提升策略
前端·javascript·webgl
Gomiko30 分钟前
JavaScript进阶(四):DOM监听
开发语言·javascript·ecmascript
syt_10131 小时前
grid布局之-子项放置4
开发语言·javascript·ecmascript
spencer_tseng2 小时前
jquery download
javascript·jquery
极速蜗牛2 小时前
告别部署焦虑!PinMe:前端开发者的极简部署神器
前端·javascript
by__csdn3 小时前
微前端架构:从理论到实践的全面解析
前端·javascript·vue.js·架构·typescript·vue·ecmascript
小福气_3 小时前
自定义组件 vue3+elementPlus
前端·javascript·vue.js
程序员博博3 小时前
这才是vibe coding正确的打开方式 - 手把手教你开发一个MCP服务
javascript·人工智能·后端
是谁眉眼3 小时前
vue环境变量
前端·javascript·vue.js
鹏北海-RemHusband3 小时前
Vue 组件解耦实践:用回调函数模式替代枚举类型传递
前端·javascript·vue.js