1.设置一个固定值作为key:node-key="id" 2.定义当前选中节点的key::current-node-key="currentId" <el-treenode-key="id":current-node-key="currentId":data="treeData":props="defaultProps":check-on-click-node="true":accordion="true"empty-text="组织机构"icon-class="":filter-node-method="fil...
current-node-key属性既支持数字,也支持字符串,这个数据类型要和数据里面的id的数据类型对应起来,也就是说如果数据里面的id的数据类型是数字,那current-node-key属性就要设置成数字类型,反之一样 另外也要设置highlight-current属性,高亮当前选中的节点 2,获取不到当前选中的节点 getCurrentKey和getCurrentNode获取不到...
一开始使用tree控件的getCurrentNode()函数,结果发现返回的是当前节点的data属性,和ui框架自动添加的$treeNodeKey属性, 网上搜索下,说是可以使用getNode()函数,使用this.getNode($treeNodeKey)并不管用,获取的是null, 看了下文档,说是要设置node-key属性,但是设置node-key=“$treeNodeKey”发现也不行。 在看文...
义了一个currentNodeKey来存储当前选中节点的 key。每次点击节点时,我们首先检查是否已经有一个节点被选中,如果是,则通过this.$refs.tree.setCurrentKey(null)取消选中它。然后,我们更新currentNodeKey为新选中的节点 key。 请注意,这里的node.key假设你的每个节点数据中都有一个唯一的key属性。你需要根据实际的节点...
// 接口返回200后才开始删除 if (res.code === 200) { // 获取当前被选中节点的 key,必须设置 node-key 属性 const nodeId = this.$refs.tree.getCurrentKey() // 根据 data 或者 key 拿到 Tree 组件中的 node const node = this.$refs.tree.getNode(nodeId) // 找到相同的id const parent = ...
在看⽂档⾥对getNode()的描述是 “根据 data 或者 key 拿到 Tree 组件中的 node” ,“(data) 要获得 node 的 key 或者 data”，我想⽂档⾥的“data”应该就是指我们传⼊的数据（data），所以我把通过getCurrentNode()获取的data传⼊getNode()，还是获取不到当前节点。看了⼀下源码，觉得太耗...
<el-tree :data="rootNodeData" class="catalogTree" ref="catalogTree" highlight-current node-key="id" lazy :load="treeLoadNode" :expand-on-click-node="false" @node-click="catalogTreeNodeClickEvent" :props="{ isLeaf : 'isLeaf' }"> <!-- 节点图标 文件夹图标:data.type == '1' 文件...
<el-tree:data="data":props="defaultProps":default-expanded-keys="[2]"node-key="id":highlight-current="true"ref="tree"></el-tree> 节点高亮的配置属性: node-key: 每个节点的唯一标识 default-expanded-keys: 默认展开节点的key的数组 highlight-current: 是否高亮当前选中的节点 ...
this.$refs.tree.getCheckedKeys()// 可以在methods里面直接使用,前提是要设置<el-tree node-key="id"></tree> 全部代码: <template><el-tree:data="treeData"show-checkboxnode-key="id"ref="tree"highlight-current:props="defaultProps"></el-tree>取消确认</template>export default { name: 'box'...
el-tree 展开指定节点(需设置node-key) 官网并未提供相关的方法,但可以使用下方代码实现: this.$refs.树的ref值.store.nodesMap[指定节点对应的key值].expanded = true; 完整范例代码 <el-tree ref="menuTree" :data="menuTreeData" node-key="label" highlight-current /> "menuTreeData": [ { "label...