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。

相关推荐
user20585561518137 分钟前
Windows 项目安装时报 `node-sass` 错误,如何快速处理
前端
LiaCode8 分钟前
Redis 在生产项目的使用
前端·后端
LiaCode13 分钟前
一天学完 redis 的爽翻版核心知识总结
前端·后端
大刚测试开发实战15 分钟前
如何内网穿透访问本地私有化部署的TestHub
前端·后端·github
风骏时光牛马27 分钟前
# Ruby基于Rails框架实现多角色权限管理与数据分页查询完整实战代码案例
前端
weedsfly29 分钟前
迭代器、生成器与异步迭代——让数据“按需流动”的艺术
前端·javascript
xiaodaoluanzha33 分钟前
迄今為止,最簡單的編程語言 Nolang
前端·后端
Csvn35 分钟前
Fetch 请求竞态终结者:AbortController 不只是用来"取消"的
前端
阡陌Jony36 分钟前
关于前端路由中的参数问题的学习(一): params,query, hash(#)
前端
阡陌Jony38 分钟前
缓存相关学习笔记(一):Service Worker 缓存
前端