技术栈

vue3中el-tree设置默认选中节点和展开节点

reembarkation2023-11-08 21:43

1.el-tree设置 node-key,current-node-key,default-expanded-keys,highlight-current:

html 复制代码
<el-tree 
ref="taskTree" 
:data="ptreeData"
node-key="key"
:current-node-key="currentKey" 
:default-expanded-keys="defaultExpanded" 
highlight-current>
</el-tree>

2.赋值数据

html 复制代码
 nextTick(() => {
            currentKey.value=firstNode.key;
            taskTree.value.setCurrentKey(firstNode.key);
            defaultExpanded.value=nodeIds;
 })

注意:使用了nextTick。

上一篇:Ribbon讲解
下一篇:封装公共组件中在main.js中通过插件统一注册
相关推荐
木心操作
28 分钟前
js生成excel表格进阶版
开发语言·javascript·ecmascript
GISer_Jing
28 分钟前
sqb&ks二面(准备)
前端·javascript·面试
谢尔登
32 分钟前
【Webpack】模块联邦
前端·webpack·node.js
前端码虫
37 分钟前
2.9Vue创建项目(组件)的补充
javascript·vue.js·学习
Bottle414
1 小时前
深入探究 React Fiber(译文)
前端
夜宵饽饽
1 小时前
上下文工程实践 - 工具管理(上篇)
javascript·后端
汤姆Tom
1 小时前
JavaScript Proxy 对象详解与应用
前端·javascript
BillKu
1 小时前
Vue3中app.mount(“#app“)应用挂载原理解析
javascript·vue.js·css3
xiaopengbc
1 小时前
在 React 中如何使用 useMemo 和 useCallback 优化性能?
前端·javascript·react.js
热门推荐
01KGG转MP3工具|非KGM文件|解密音频02GitHub 镜像站点03conda中设置镜像地址(附所有可换的地址)04UV安装并设置国内源05A股预测还能更准?开源大模型Kronos带你跑通预测+回测全流程0646个Nano-banana 精选提示词,持续更新中07UV 工具安装与国内镜像源配置指南08突破百度网盘的下载限速,两种方法教会你【超详细】09Spec-Kit 使用指南10教你如何认证 Gemini 教育优惠的二次验证,薅个 1年的 Gemini Pro 会员