el-tree官网还有个current-node-key这个属性,这个只能在最初的时候(也就是写死的默认值)才可以设置上,但实际项目中会从后台拿到数据之后再去设置,这时候我们会this.currNodeKey = data.xxx;这样你会发现设置不上,也算是一个坑吧 所以我们要采用上面的方式: ① highlight-current(属性) ② setCurrentKey(方法)...
此处为关键节点,选中节点设置为当前节点,并滚动到屏幕中间。 scrollToNode(scrollToData) { const node=this.$refs.tree.getNode(scrollToData);if(node) {//获取其所有父级节点this.getParentAll(node)if(this.nodeParentAll.length > 0) {//将获取到的所有父级节点进行展开for(vari = 0, n =this.nodeP...
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...
this.$refs.tree.setCurrentKey(item.regionId) //通过 key 设置某个节点的当前选中状态,使用此方法必须设置 node-key 属性 const node = document.getElementById(item.regionId) // 通过Id获取到对应的dom元素 setTimeout(() => { if (node) { ...
setcurrentnode 方法是 el-tree 组件的一个实例方法,用于设置当前选中的节点。通过该方法,可以实现在树形结构中选中指定节点,并且可以通过一些配置项来控制节点的展开、关闭等行为。 二、 setcurrentnode方法的基本用法 setcurrentnode 方法的基本用法如下: ```javascript // 设置当前节点 this.$refs.tree.setcurrent...
// 设置多个节点为当前选中节点 this.$refs.tree.setcurrentkey(['node1', 'node2', 'node3']); ``` 传入节点 key 或者节点 key 的数组即可实现选中节点的功能。 2. setcurrentkey 方法的参数说明 setcurrentkey 方法接收的参数可以是一个节点的 key 或者包含多个节点 key 的数组。如果传入的参数是一个...
@check事件 点击节点复选框之后触发 共两个参数依次为:传递给 data 属性的数组中该节点所对应的对象、树目前的选中状态对象,用currObj,保存当前选中的节点data。使用setCheckedNodes设置选中节点为currObj. html代码 <el-tree:data="treeData":props="defaultProps"node-key="id"ref="tree"show-checkbox@check="...
[],// tree 已选择的集合treeData:[],// 树的DatacodeFlag:false,// 是否展示编号chooseNode:newMap()// 当前选中所有节点};},mounted(){this.filterText=null;},methods:{// 提交本次数据saveFn(){this.$emit("getValue",this.checkedNodes);// 调用父组件的确定事件},// 取消本次提交closeFn(){...
</el-tree> 当页面打开时,根据入参定位到某个节点时,使用如下方法设置即可; 比如node中某个idno=123;定位到该值节点时; 第一种方式: this.$nextTick(() => { this.$refs.tree.setCurrentKey(123) }) 是不是很简单; 第二种方式: 在mounted()函数中,设置thevalue=123;同样可以定位到该节点;...