需要设置node-key,ref,current-node-key 且写在nextTick里(必须等待dom渲染完毕后再执行) 重点设置setCurrentKey,否则样式不会高亮 传的值就是current-node-key绑定的值 image.png <el-treeref="treeRef":highlight-current="true":expand-on-click-node="false":data="departmentList":props="defaultProps"node...
el-tree-v2 Reproduction Link Element Plus Playground Steps to reproduce 点击节点,当节点key为0时,setCurrentKey这个方法无效。is-current这个类名并没有正确赋予元素。 What is Expected? setCurrentKey 方法起作用,或者is-current这个类名能正常赋予元素 What is actually happening? setCurrentKey不起作用 is-cu...
node-key="id" :data="data2" show-checkbox :props="defaultProps" @check-change="checkChange" > </el-tree> 1. 2. 3. 4. 5. 6. 7. 8. 9. data树形结构的数据 show-checkbox 显示复选框 ref 可以this.$refs.DeviceGroupTree拿到此控件 node-key 给节点的编号【树形数据结构中有id字段】 check...
这个设置有个坑,但是在数据请求完后,获取到treeData,然后设置this.refs.tree.setCurrentKey()当前被选中的节点,但是发现并无效果。 原因是:DOM并未渲染完,也就是被选中的树节点还没有渲染出来,所以对他的操作是无效的,需要借助nextTick,确保DOM已渲染。 this.$nextTick(() => { this.$refs.tree.setCurrent...
在写项目的时候,需要用到tree组件进行回显来进行权限控制: 在回显过程中使用回显函数会报报undefined, 这时只需要给该函数包裹一层nextTick方法就行了, 在回显过程中我们有可能使用半选,这时用setchecked就行了 2021-11 更新 nexttick函数主要是在dom更新结束
elemet-ui的el-tree设置默认高亮无效 在给el-tree设置高亮的时候,一直设置不上去,后因为一个小问题, 以免忘记,记录下: 1, 设置node-key属性2, 使用nextTick 3, 设置highlight-current属性4, this.$refs.xxx.setCurrentKey('id名称') vue中嵌套树状结构 ...
由于弹窗关闭,导致this.$refs.tree.setCheckedKeys([])无效。 此时,需要我们重新获取整个树组件的node,然后将对应的每个选项checked为空。 // 首先获取node let node = this.$refs.tree.getNode(this.data[0].id).parent; // 这里的this.data是指的树的数据;而id是指,:node-key="id"这里的id。从而获取...
1,首次在树节点未展开的情况下(即选中的子节点处于未渲染),使用setCheckedKeys()选中子节点,无法触发check-change事件获取子节点的信息 2,如果使用延时,即先展开节点,再进行setCheckedKeys()选中,就可以触发check-change事件获取子节点的信息 What is Expected?
elementuitree回显setCheckedNodes，setCheckedKeys。。。在写项⽬的时候，需要⽤到tree组件进⾏回显来进⾏权限控制:在回显过程中使⽤回显函数会报报undefined，这时只需要给该函数包裹⼀层nextTick⽅法就⾏了，在回显过程中我们有可能使⽤半选，这时⽤setchecked就⾏了 2021-11 更新 nexttick函数...
<el-tree :data="deviceTree"show-checkboxdefault-expand-allnode-key="id"ref="tree" :highlight-current="true"check-strictly@check="handleNodeChecked"></el-tree> 我的数据是这样的,this.$refs.tree.setChecked(data,false); this.$refs.tree.getNode(data).checked ...