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。

相关推荐
AI前端老薛5 分钟前
CSS实现动画的几种方式
前端·css
携欢9 分钟前
portswigger靶场之修改序列化数据类型通关秘籍
android·前端·网络·安全
前端小L9 分钟前
专题二:核心机制 —— reactive 与 effect
javascript·源码·vue3
GuMoYu9 分钟前
npm link 测试本地依赖完整指南
前端·npm
代码老祖10 分钟前
vue3 vue-pdf-embed实现pdf自定义分页+关键词高亮
前端·javascript
未等与你踏清风10 分钟前
Elpis npm 包抽离总结
前端·javascript
代码猎人11 分钟前
如何使用for...of遍历对象
前端
秋天的一阵风13 分钟前
🎥解决前端 “复现难”:rrweb 录制回放从入门到精通(下)
前端·开源·全栈
林恒smileZAZ13 分钟前
【Vue3】我用 Vue 封装了个 ECharts Hooks
前端·vue.js·echarts
颜酱13 分钟前
用填充表格法-继续吃透完全背包及其变形
前端·后端·算法