在ElementUI中,setCurrentKey方法是用于设置el-tree组件中当前高亮的节点。以下是对setCurrentKey方法的详细解释和使用示例: 1. 理解ElementUI的Tree组件和setCurrentKey方法 el-tree是ElementUI提供的树形控件,用于展示层级结构的数据。setCurrentKey方法则是这个控件提供的一个方法,用于设置当前高亮的节点。通过这个方法...
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
nodeKey]) this.optionData.id = data[this.nodeKey] this.optionData.name = data[label] this.$refs.select.visible = false }, init(val) { if (val) { this.$nextTick(() => { let label = this.props.label || 'name' this.$refs.tree.setCurrentKey(val) let node = this.$refs.tree...
// 接口返回200后才开始删除 if (res.code === 200) { // 获取当前被选中节点的 key,必须设置 node-key 属性 const nodeId = this.$refs.tree.getCurrentKey() // 根据 data 或者 key 拿到 Tree 组件中的 node const node = this.$refs.tree.getNode(nodeId) // 找到相同的id const parent = ...
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" ...
<el-tree :data="rootNodeData" class="catalogTree" ref="catalogTree" highlight-current node-key="id" lazy :load="treeLoadNode" :expand-on-click-node="false" @node-click="catalogTreeNodeClickEvent" :props="{ isLeaf : 'isLeaf' }"> <!-- 节点图标 文件夹图标:data.type == '1' 文件...
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 ...
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 ...
node-key: 每个节点的唯一标识 default-expanded-keys: 默认展开节点的key的数组 highlight-current: 是否高亮当前选中的节点 如果组件初始化时,需要默认高亮则需要配置this.$refs.tree.setCurrentKey(id) 不同节点配置不同icon 有时候,我们可能需要区分是单节点还是文件节点,可能需要我们加个icon,如图: ...