当前位置: 首页 > news >正文

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

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

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

2.赋值数据

 nextTick(() => {currentKey.value=firstNode.key;taskTree.value.setCurrentKey(firstNode.key);defaultExpanded.value=nodeIds;})

注意:使用了nextTick。

http://www.lryc.cn/news/222189.html

相关文章:

  • 软件测试需求分析是什么?为什么需要进行测试需求分析?
  • GreenPlum简介
  • HTML和CSS入门学习
  • 轻量封装WebGPU渲染系统示例<17>- 使用GPU Compute之元胞自动机(源码)
  • fmx windows 下 制作无边框窗口最小化最大化并鼠标可拖移窗口
  • 【Python】11 Conda常用命令
  • 5G边缘计算网关 是什么?
  • mac电脑系统清理软件CleanMyMac X2024破解版下载
  • 19 款Agent产品工具合集
  • [尚硅谷React笔记]——第8章 扩展
  • 卷积神经网络中 6 种经典卷积操作
  • 下拉列表框Spinner
  • C++高级功能笔记
  • PTE SST和RL模板
  • 2023年03月 Python(三级)真题解析#中国电子学会#全国青少年软件编程等级考试
  • Mysql数据库 10.SQL语言 储存过程 中 流程控制
  • 测试用例的设计方法(全):错误推测方法及因果图方法
  • 折叠旗舰新战局:华为先行,OPPO接棒
  • ESP使用webserver实现本地控制
  • 小红书热点是什么,怎么找到热点话题!
  • mysql之子表查询、视图、连接查询
  • 001、Nvidia Jetson Nano Developer KIT(b01)-环境配置
  • Lua中如何使用continue,goto continue(模拟C++ C#的continue)
  • Single-cell 10x Cell Ranger analysis
  • 华为分享---手机往电脑发送失败的处理
  • 提升ChatGPT答案质量和准确性的方法Prompt专家
  • lightdb UPDATE INDEXES自动分区转换支持全大写索引名
  • Vue路由重定向
  • MTK_ISP模块调试总结
  • Kotlin基本语法