vue+element：current-node-key和setCurrentKey设置默认选中并高亮节点，附带全部展开，全部关闭，重新渲染树结构函数render-content

我们在开发项目的时候经常会遇到一些树形结构的数据结构，比如部门、班级、关系等等层级结构的数据，通常常规的展示方式一般是通过树的结构来展示出来，现在我们自己就来实现一个可以新增、修改、删除的树。 实现的过程很简单，树一般都会采用递归思路，然后将数据展示出来。 <div class="tree" id="Tree" ref="TreeNode"> <ul> ...

element tree组件current-node-key 失效或者setCurrentKey失效问题解决方案， 将一维数组转化成tree能用的父子嵌套结构

【代码】element el-tree current-node-key无效 setCurrentKey()无效。

使用无选择框的el-tree时，当点击某行数据的时候会有背景色，但是当鼠标点击别处时，便失去焦点，背景色随之消失了。el-tree没有复选框时，选中、高亮、定位、刷新后保留展开状态功能的实 vue2+elementUI的el-tree的选中、高亮、定位功能，其中定位功能涉及到无论当前在那个菜单，删除某一项菜单后，刷新菜单会跳到全部:current-node-key="currentNodeKey" ----> 设置初始选中的值:highlight-current="true" ----> 设置高亮 必须写

点击按钮节点高亮显示 代码 <!-- node-key 每个树节点用来作为唯一标识的属性，整棵树应该是唯一的 highlight-current 是否高亮选中节点默认false。 expand-on-click-node 是否在点击节点的时候展开或者收缩节点， 默认值为 true，如果为 false，则只有点箭头图标的时候才会展开或者收缩节点。 default-expanded-keys 默认展开的节点的 key 的数 default-expand-all 是...

参考： 无 前文提要： 【Vue3】【方案一】通过按钮触发树的【选中】和【自动展开】效果 方案二： 我们希望根据输入内容，实时展示对应选中的节点： <template>需要修改的地方： 需要绑定一个data里面的值，使用v-model实时读取当前输入， 需要设置一个引用组件的点：ref="tree"，使得后面的method里面的函数可以操控在template里面的dom元素 需要设置一个node-key，这个值需要独一无二，根据文档内容： 需要设置待被选择的节点的ke

目录：参考：方案一：`template`需要修改的地方：`参考： Vue – Element UI的Tree组件中，this.$refs.menuTree.setCurrentKey()设置当前被选中的树节点无效果 方案一： 我们希望点击按钮，点击后，树节点就自动被选中 template需要修改的地方： 需要设置一个引用组件的点：ref="tree"，使得后面的method里面的函数可以操控在template里面的dom元素 需要设置一个node-key，这个值需要独一无二，根据文档内容：

关于current-node-key和setCurrentKey默认选中树结构样式实现问题

要实现的效果，默认高亮选中 <el-tree :data="organOptions" :props="defaultProps" node-key="partyId" :expand-on-click-node="false" :filter-node-method="filterNode" highlight-current="true" ref="tree1" default-expand-all @node-click="handleNo

elementplus组件库el-tree组件设置默认选中项setCheckKeys不生效

创建一个js或ts文件复制代码。

【代码】vue3+element plus 树形控件。