1. 了解Element UI Tree组件和setCurrentKey方法 Element UI的Tree组件用于以树形结构展示数据。每个树节点都由一个对象表示,该对象通常包含label、key(唯一标识)、children(子节点数组)等属性。setCurrentKey是Tree组件的一个方法,用于设置当前选中的节点,其参数为要设置为当前节点的key值。
deleteItem (data) {consttreeNode =this.$refs.tree.getNode(data) treeNode.parent.loaded =falsetreeNode.parent.loadData()// 刷新父节点数据} 问题四:选中节点设置: setCurrentKey不起作用的问题处理 在新增、删除操作成功之后,我们常常需要重新设置当前选中的节点,el官方给我们提供了方法setCurrentKey,但初次...
setCurrentKey =》 通过 key 设置某个节点的当前选中状态,使用此方法必须设置 node-key 属性 getNode =》 根据 data 或者 key 拿到 Tree 组件中的 node
this.$refs.tree.setCurrentKey(null); }, // 多选,清空所有勾选 clearSelectedNodes() { var checkedKeys = this.$refs.tree.getCheckedKeys(); // 所有被选中的节点的 key 所组成的数组数据 for (let i = 0; i < checkedKeys.length; i++) { this.$refs.tree.setChecked(checkedKeys[i], false...
class="filter-tree" :load="loadNode" lazy :draggable="$hasPermission('video:video-manage:dragclass')" @node-expand="handleNodeExpand" @node-collapse="handleNodeCollapse" :default-expanded-keys="tree.expandedKeys" node-key="id" :highlight-current="highlightCurrent" ...
node-key: 每个节点的唯一标识 default-expanded-keys: 默认展开节点的key的数组 highlight-current: 是否高亮当前选中的节点 如果组件初始化时,需要默认高亮则需要配置this.$refs.tree.setCurrentKey(id) 不同节点配置不同icon 有时候,我们可能需要区分是单节点还是文件节点,可能需要我们加个icon,如图: ...
3.高亮节点必须 node-key="orgCode" 和 this.$refs.deptTree.setCurrentKey(this.dialogForm.deptCode); //设置选中,配置highlight-current后,即可高亮 4.计算当前高亮的位置 html <el-dialog:close-on-click-modal="false"title="修改部门":visible.sync="dialogVisibleDept"width="700px"@close="closeDialog...
this.$refs.tree.setCheckedKeys([]) }) } }, // 单选设置当前选中节点 singleReset() { console.log(this.value.id, this.$refs.tree.setCurrentKey) if (this.value.id) { this.$refs.tree.setCurrentKey(this.value.id) } }, // 树菜单搜索 ...
element ui的树形控件支持setCurrentKey()方法,只需要将你要设置的节点的key值设置进去就可以了,前提是要设置好node-key属性。然后在created()钩子里写上代码就可以了。 this.$nextTick(function(){ this.$refs.vuetree.setCurrentKey(firstLeafCode); //"vuetree"是你自己在树形控件上设置的 ref="vuetree" ...
223 setCurrentNode(data: D): void; 224 225 /** 226 * Get node by node key or node data 227 * 228 * @param by node key or node data 229 */ 230 getNode(by: D | K): TreeNode<K, D>; 231 232 /** 233 * Remove node by key or node data or node instance ...