1. 确定Element UI的Tree组件API中关于setCurrentNode的方法 setCurrentNode是Element UI中Tree组件的一个方法,用于设置树形控件中当前选中的节点。 2. 了解setCurrentNode方法的具体用法和参数要求 方法名称:setCurrentNode 参数要求: node:Tree组件中某个节点的Node对象,或者该节点的key(如果设置了node-key属性)。
this.$refs.treeNav.setCurrentKey(checkedKey) this.SET_CURRENT_DEVICE_LIST(projectPreview[this.deviceName]) }) } 1. 2. 3. 4. 5. 6. 7. 8. 5. 参考代码 // 根据 projectId 获取对应项目的 preview getProjectPreviewOf(nodeData){ areaApi .previewOfProject({ pid: nodeData.projectInfo.id }...
</el-tree> 在选中对应的名称是定位到树节点上 selectedRegion(item) {if(Object.keys(item).length === 0) {return}this.expandedKeys.push(item.parentId)this.$refs.tree.setCurrentKey(item.regionId)//通过 key 设置某个节点的当前选中状态,使用此方法必须设置 node-key 属性const node = document.get...
treeNode.parent.loaded = false treeNode.parent.loadData() // 刷新父节点数据 } 1. 2. 3. 4. 5. 问题四:选中节点设置: setCurrentKey不起作用的问题处理 在新增、删除操作成功之后,我们常常需要重新设置当前选中的节点,el官方给我们提供了方法setCurrentKey,但初次使用这个方法的小白,往往会遇到不起作用的...
node-click =》 节点被点击时的回调。共三个参数,依次为:传递给 data 属性的数组中该节点所对应的对象、节点对应的 Node、节点组件本身。 setCurrentKey =》 通过 key 设置某个节点的当前选中状态,使用此方法必须设置 node-key 属性 getNode =》 根据 data 或者 key 拿到 Tree 组件中的 node...
this.valueTitle = this.$refs.selectTree.getNode(this.valueId).data[this.props.label] // 初始化显示 // console.log(this.valueTitle) this.$refs.selectTree.setCurrentKey(this.valueId) // 设置默认选中 this.defaultExpandedKey = [] // 设置默认展开 ...
<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' 文件...
node-key: 每个节点的唯一标识 default-expanded-keys: 默认展开节点的key的数组 highlight-current: 是否高亮当前选中的节点 如果组件初始化时,需要默认高亮则需要配置this.$refs.tree.setCurrentKey(id) 不同节点配置不同icon 有时候,我们可能需要区分是单节点还是文件节点,可能需要我们加个icon,如图: ...
}elseif(currentType) {// 取消选中,但当前项是必选项(如果取消勾选的是列表,那么其余同级节点全部取消勾选)this.fetchCheckedNodeParent(halfCheckedNodes, currentKey,this.setNodeUnChecked) } },// 点击节点handleCheckChange(data, node) {this.checkRequired(data, node.checkedKeys, node.halfCheckedNodes) ...
* :nodeKey="nodeKey" // 绑定nodeKey,默认绑定'id' * :checkedKeys="defaultCheckedKeys" // 传递默认选中的节点key组成的数组 * @popoverHide="popoverHide"> // 事件有两个参数:第一个是所有选中的节点ID,第二个是所有选中的节点数据 * </tree-select> ...