每次点击节点时,我们首先检查是否已经有一个节点被选中,如果是,则通过this.$refs.tree.setCurrentKey(null)取消选中它。然后,我们更新currentNodeKey为新选中的节点 key。 请注意,这里的node.key假设你的每个节点数据中都有一个唯一的key属性。你需要根据实际的节点数据结构相应地调整这个属性名。 elementui Tree树形...
1,有时候高亮当前选中的节点的不起作用 current-node-key属性既支持数字,也支持字符串,这个数据类型要和数据里面的id的数据类型对应起来,也就是说如果数据里面的id的数据类型是数字,那current-node-key属性就…
废话不多说,直接上代码 1<template>23<el-treeref="tree":data="TreeData"node-key="id":key="treeKey"current-node-key :props="defaultProps"highlight-current @node-click="handleNodeClick"></el-tree>45</template>678exportdefault{9data() {10return{11ParmentData:null,12TreeData: [13{14id...
$refs.tree.filter(data) }, 在需要对节点进行过滤时,调用 Tree 实例的filter方法,参数为关键字。需要注意的是,此时需要设置filter-node-method,值为过滤函数。 //筛选节点 filterNode(value, data) { if (!value) return true return data.name.indexOf(value) !== -1 },...
node-key="id" :highlight-current="highlightCurrent" :props="tree.defaultProps" :expand-on-click-node="false" :filter-node-method="filterNode" @node-click="hadleNodeClick" @node-contextmenu="rihgtClick" @node-drop="handleDrop" :allow-drop="allowDrop" ...
//template<el-tree:data="treeData"//数据源:props="defaultProps"//配置项accordion//每次打开一个节点 手风琴模式ref="tree"//用来获取domlazy//节点懒加载:highlight-current='true'//高亮当前节点:load='treeLoad'//懒加载时调用的方法node-key="cateId"//唯一标识:default-expanded-keys='defaultOpen'/...
node-key // 每个树节点用来作为唯一标识的属性,整棵树应该是唯一的 ref="deptref" :data="deptlist" //展示数据 style="height:250px" :filter-node-method="deptfilter" //对树节点进行筛选时执行的方法,返回true 表示这个节点可以显示,返回 false 则表示这个节点会被隐藏 ...
780 - Tree 新增 `iconClass` 与`currentNodeKey` 属性,#13337 #13197 (by @isnifer) 781 - Progress 的 `status` 添加了 text #13198 (by @ali-master) 782 - 修复Tree 的 `defaultCheckedKeys` 导致显示的错误,#13349 (by @dive2Pro) 783 784 ### 2.4.9 785 786 *2018-10-26* ...
1.node-click:节点被点击时的回调 共三个参数,依次为:传递给data属性的数组中该节点所对应的对象、节点对应的 Node、节点组件本身。 <el-tree :data="data" show-checkbox node-key="id" ref="tree" highlight-current @node-click="clickFn"@check="check"></el-tree> clickFn (data, node, item) ...
501 - Tree: ajout des propriétés `iconClass` et `currentNodeKey`, #13337 #13197 (par @isnifer) 502 - Progress: ajout du texte de statut #13198 (par @ali-master) 503 - Correction de `defaultCheckedKeys` de Tree, #13349 (par @dive2Pro) 504 505 ### 2.4.9 506 507 ...