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。

相关推荐
vivo互联网技术30 分钟前
vivo官网APP首页端智能业务实践
前端·深度学习·算法
初遇你时动了情30 分钟前
flutter长列表 ListView、GridView、SingleChildScrollView、CustomScrollView区别
前端·javascript·flutter
maozexijr1 小时前
Flink的时间问题
javascript·算法·flink
我是大头鸟1 小时前
SpringMVC 通过ajax 实现文件的上传
前端·javascript·ajax
小赖同学啊2 小时前
出现 Uncaught ReferenceError: process is not defined 错误
前端
热爱生活的猴子2 小时前
补充Depends 和 request: Request 依赖注入用法的注意事项
前端·fastapi
开发者小天2 小时前
React中使用 Ant Design Charts 图表
前端·javascript·react.js
爱好物理的一名程序员XiaoK2 小时前
树形展示三级分类数据
vue.js
shenyan~3 小时前
关于 Web 漏洞原理与利用:2. XSS(跨站脚本攻击)
前端·xss
雪山上的小灰熊3 小时前
如何使用Antv X6使用拖拽布局?
开发语言·前端·javascript