1. 确定Element UI的Tree组件API中关于setCurrentNode的方法 setCurrentNode是Element UI中Tree组件的一个方法,用于设置树形控件中当前选中的节点。 2. 了解setCurrentNode方法的具体用法和参数要求 方法名称:setCurrentNode 参数要求: node:Tree组件中某个节点的Node对象,或者该节点的key(如果设置了node-key属性)。
需要设置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...
: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" :allow-drag="allowDrag" ref="tree" ></el-tree> ...
this.$refs.myTree.setCurrentKey(key) }, // 通过 node 设置某个节点的当前选中状态,使用此方法必须设置 node-key 属性 setCurrentNode(node) { this.$refs.myTree.setCurrentNode(node) }, // 设置 node-key 属性 (node) 待被选节点的 node getNode 根据 data 或者 key 拿到 Tree 组件中的 node ge...
handleCheck (currentNode, treeStatus) {/** *@des根据父元素的勾选或取消勾选,将所有子级处理为选择或非选中状态 *@param{ node: Object } 当前节点 *@param{ status: Boolean } (true : 处理为勾选状态 ; false: 处理非选中) */constsetChildStatus = (node, status) => {/* 这里的 id children...
{//科室//设置当前选中keythis.$refs.deptTree.setCurrentKey(val);//根据el-tree的getNode方法获取到val相应的Nodelet node =this.$refs.deptTree.getNode(val);//触发点击处理(由于elem参数没用到,所以这里忽略不传)this.handleTreeNodeClick(node.data, node);//除了选中相应的科室节点及触发查询,还有件...
vue-element-admin一个基于 vue2.0 和 Eelement 的控制面板 UI 框架,这是使用vue技术栈开发的前端程序员的首选管理系统模板,模板以及非常的成熟了,并且有相关的社区和维护人员,开发时候遇到问题也不要慌。
{// 设置节点选中this.$refs.catalogTree.setCurrentKey(paramsId);// 并跳转if(!this.$route.query.id)this.$router.replace({path:this.$route.path,query:{id:paramsId}});// 设置面包屑二级this.breadCrumbData.levelTwo=getNodeById.data.name;// 设置 localStoragethis.$ls.set('kbTreeNode',...
[https://elementui.github.io/issue-generator/#/zh-CN ( 没有这个地址)](https://elementui.github.io/issue-generator/#/zh-CN ( 没有这个地址)) Steps to reproduce var tempNode=tree.getNode(data); debugger; tree.setCurrentNode(tempNode); What is Expected? 选中 数据是 data 的 节点 What...
项目中用到了vue的element-ui框架,用到了el-tree组件。由于数据量很大,使用了数据懒加载模式,即异步树。异步树采用复选框进行结点选择的时候,没法自动展开,官方文档找了半天也没有找到好的办法! 找不到相关的配置,或者方法可以使用。 经过调试与阅读elment-ui源码才发现有现成的方法可以进行结点展开。下面就介绍结点...