vue elementUI el-tree默认选中树节点 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="组织机构"ic...
每次点击节点时,我们首先检查是否已经有一个节点被选中,如果是,则通过this.$refs.tree.setCurrentKey(null)取消选中它。然后,我们更新currentNodeKey为新选中的节点 key。 请注意,这里的node.key假设你的每个节点数据中都有一个唯一的key属性。你需要根据实际的节点数据结构相应地调整这个属性名。 elementui Tree树形...
一开始使用tree控件的getCurrentNode()函数,结果发现返回的是当前节点的data属性,和ui框架自动添加的$treeNodeKey属性, 网上搜索下,说是可以使用getNode()函数,使用this.getNode($treeNodeKey)并不管用,获取的是null, 看了下文档,说是要设置node-key属性,但是设置node-key=“$treeNodeKey”发现也不行。 在看文...
1,有时候高亮当前选中的节点的不起作用 current-node-key属性既支持数字,也支持字符串,这个数据类型要和数据里面的id的数据类型对应起来,也就是说如果数据里面的id的数据类型是数字,那current-node-key属性就…
@node-click="treeNodeClicked" :data="treeData" :highlight-current="true" node-key="id"> </el-tree> 1. 2. 3. 4. 5. 6. 7. 8. 9. 当点击的事件说明: 点击的时候你获取到了:当前被点击节点的完整数据,你只需要 用其中的id 或者其它自己定义的标识字段,去获取对应的数据 ...
<el-tree:data="flatArr"check-strictlyaccordionshow-checkboxnode-key="id":props="defaultProps"@check="handleNodeClick"ref="tree"></el-tree> js方法: 代码语言:js 复制 handleNodeClick(data,node,self){// 如果已经选中了一个节点,则取消选择if(this.currentNodeKey?.name&&this.$refs.tree){this.$...
修改tree点击时及失焦时的背景颜色 原生: image.png 修改后: image.png <!-- highlight-current 要添加高亮属性 --><el-treeref="treeForm"current-node-keynode-key="depart_id":data="list":props="defaultProps"@node-click="handleNodeClick"></el-tree>/* 改变被点击节点背景颜色,字体颜色 */ ...
<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: 是否高亮当前选中的节点 ...
<el-tree :data="rootNodeData" class="catalogTree" ref="catalogTree" highlight-current node-key="id" lazy :load="treeLoadNode"> </el-tree> data(){ return { rootNodeData: [], nodeZero: null, resolveZero: null, loading: false } }, methods: { /** * 目录懒加载 * @param {Object...
<el-tree :data="treeData"//数据源 :props="defaultProps"//配置项 accordion//每次打开一个节点 手风琴模式 ref="tree"//用来获取 dom lazy//节点懒加载 :highlight-current='true'//高亮当前节点 :load='treeLoad'//懒加载时调用的方法 node-key="cateId"//唯一标识 ...