1. 了解Element UI Tree组件和setCurrentKey方法 Element UI的Tree组件用于以树形结构展示数据。每个树节点都由一个对象表示,该对象通常包含label、key(唯一标识)、children(子节点数组)等属性。setCurrentKey是Tree组件的一个方法,用于设置当前选中的节点,其参数为要设置为当前节点的key值。
this.$refs.tree.setCurrentKey( this.selectNodeData[this.nodeKey] ) // 将当前选中节点展开 this.$refs.tree.store.nodesMap[ this.selectNodeData[this.nodeKey] ].expanded = true }) }else if(!this.lazy) { // 两者都不是,并且不是懒加载,将值赋值给treeList this.treeList = res.data } } ...
this.$refs.selectTree.setCurrentKey(this.valueId)// 设置默认选中 this.defaultExpandedKey = [this.valueId]// 设置默认展开 } }, 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 在mounted...
deleteItem (data) {consttreeNode =this.$refs.tree.getNode(data) treeNode.parent.loaded =falsetreeNode.parent.loadData()// 刷新父节点数据} 问题四:选中节点设置: setCurrentKey不起作用的问题处理 在新增、删除操作成功之后,我们常常需要重新设置当前选中的节点,el官方给我们提供了方法setCurrentKey,但初次...
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...
deleteItem(data){consttreeNode=this.$refs.tree.getNode(data)treeNode.parent.loaded=falsetreeNode.parent.loadData()// 刷新父节点数据} 问题四:选中节点设置: setCurrentKey不起作用的问题处理 在新增、删除操作成功之后,我们常常需要重新设置当前选中的节点,el官方给我们提供了方法setCurrentKey,但初次使用这个...
hello,大家好,我是前端小老弟儿。最近在项目中使用了element-ui的tree树形控件,在实际项目的应用过程中,因为对这个控件的api并不熟悉,感觉还是挺麻烦的。通过这个项目,树形控件的基本api都接触了一下,顺便写个文档,加深一下印象。 先展示一下控件的功能
elementUI的树指定了固定的数据格式,但是后台返回的数据并不一致,所以提供了这个属性进行快速替换。 label: 指定节点标签为节点对象的某个属性值 children: 指定子树为节点对象的某个属性值 disabled: 指定节点选择框是否禁用为节点对象的某个属性值 isLeaf: 指定节点是否为叶子节点,仅在指定了 lazy 属性的情况下生效...
:default-expanded-keys="defaultDisplay" :filter-node-method="filterNode" ref="tree" > this.currentNodekey=id; this.$nextTick(() => { this.$refs.tree.setCurrentKey(this.currentNodekey); //一定要加这个选中了否则样式没有出来 }); 如若安好 134 次赞同 去咨询...
{//科室//设置当前选中keythis.$refs.deptTree.setCurrentKey(val);//根据el-tree的getNode方法获取到val相应的Nodelet node =this.$refs.deptTree.getNode(val);//触发点击处理(由于elem参数没用到,所以这里忽略不传)this.handleTreeNodeClick(node.data, node);//除了选中相应的科室节点及触发查询,还有件...