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

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。

相关推荐
jump6803 分钟前
url输入到网页展示会发生什么?
前端
诸葛韩信6 分钟前
我们需要了解的Web Workers
前端
brzhang12 分钟前
我觉得可以试试 TOON —— 一个为 LLM 而生的极致压缩数据格式
前端·后端·架构
yivifu31 分钟前
JavaScript Selection API详解
java·前端·javascript
这儿有一堆花33 分钟前
告别 Class 组件:拥抱 React Hooks 带来的函数式新范式
前端·javascript·react.js
十二春秋1 小时前
场景模拟:基础路由配置
前端
六月的可乐1 小时前
实战干货-Vue实现AI聊天助手全流程解析
前端·vue.js·ai编程
一 乐1 小时前
智慧党建|党务学习|基于SprinBoot+vue的智慧党建学习平台(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·学习
BBB努力学习程序设计2 小时前
CSS Sprite技术:用“雪碧图”提升网站性能的魔法
前端·html
Zyx20072 小时前
深拷贝:JavaScript 中对象复制的终极解法
javascript