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 }...
设置node-key="id":default-expanded-keys="nodeKey"nodeKey是数组,传入要展开节点对应的id this.nodeKey.push(data[0].id); 1. 默认选中左侧导航某节点 node-key="id":default-expanded-keys="nodeKey"设置setCurrentKey,传入要选择节点的id this.$nextTick(() => { this.$refs.tree.setCurrentKey(this...
科室是“dept-”开头,医生是“doct-”开头let type = selectedVal.substring(0, 4);//截取实际的科室id或者医生idlet val = selectedVal.substring(5);if(type == 'dept') {//科室//设置当前选中keythis.$refs.deptTree.setCurrentKey(val);//根据el-tree的getNode方法获取到val相应...
义了一个currentNodeKey来存储当前选中节点的 key。每次点击节点时,我们首先检查是否已经有一个节点被选中,如果是,则通过this.$refs.tree.setCurrentKey(null)取消选中它。然后,我们更新currentNodeKey为新选中的节点 key。 请注意,这里的node.key假设你的每个节点数据中都有一个唯一的key属性。你需要根据实际的节点...
package com.zking.ssm.controller; import com.zking.ssm.model.Module; import com.zking.ssm.model.RoleModule; import com.zking.ssm.model.TreeNode; import com.zking.ssm.service.IModuleService; import com.zking.ssm.util.JsonResponseBody; import org.springframework.beans.factory.annotation.Autowire...
<el-tree ref="tree" :data="treeData" :props="defualtProps" show-checkbox node-key="id" check-on-click-node :default-expand-all="true" :default-checked-keys="checkedId" :check-strictly="checkStrictly" :expand-on-click-node="false" ...
//假设指定节点对应的key值为 html let targetNodeKey = 'html' this.$nextTick( () => { //判断是否存在指定节点 if( this.$refs.menuTree.getNode(targetNodeKey)){ //若存在指定节点,则设置当前节点为指定节点(用于高亮显示当前节点) this.$refs.menuTree.setCurrentKey(targetNodeKey) //展开指定节点...
node-key="id"ref="tree"highlight-current:props="defaultProps"@check="checkHandler"></el-tree><el-button type="primary"@click="createData()">确定</el-button></template>exportdefault{data(){return{setTree:[],defaultProps:{children:"children",label:"description",},treeData:[],organList:[...
node-key: 每个节点的唯一标识 default-expanded-keys: 默认展开节点的key的数组 highlight-current: 是否高亮当前选中的节点 如果组件初始化时,需要默认高亮则需要配置this.$refs.tree.setCurrentKey(id) 不同节点配置不同icon 有时候,我们可能需要区分是单节点还是文件节点,可能需要我们加个icon,如图: ...