就是如果你对app.firstSelectedNode有任何的操作,就相当于直接对columnTree.childNodes[0]进行了操作。例如你给这个电视机配了一个遥控器,你这个遥控器做什么动作,电视机就会做出响应的反应。app.firstSelectedNode就是一个遥控器,第一个节点就是电视机。所以我们这里给app.firstSelectedNode的className属性追加 一个class...
为了在使用Element-UI的el-tree组件时实现页面进入时默认选中第一个节点,你可以按照以下步骤操作: 1. 确定Element-UI树组件的页面加载完成事件 在Vue中,通常会在mounted钩子中处理页面加载后的逻辑,因为它确保了DOM已经被渲染。因此,我们可以在mounted钩子中编写代码来操作el-tree组件。 2. 编写代码以在页面加载完成...
前言:el-tree使用懒加载方式(由于数据量大)设置默认选中的是父节点的前两个子节点,展开时,发现父节点和所有子节点全选中了,于是打了一下debugger,发现点击展开时,默认走选中的前两个子节点,到第二个节点是时走了reInitChecked方法,父节点的checked属性变成了true,因为父节点变成了true,所以他又将所有子节点都变成...
<el-option :value="formData.location_name" :label="formData.location_name" class="sel-option"> <el-tree :data="testData" :props="testDataProps" node-key="allName" default-expand-all highlight-current accordion @node-click="handleNodeClick" :filter-node-method="filterNode" ref="testData...
elementui tree控件 设置默认选中并高亮第一行 注意:一定要写上this.$nextTick 否则不生效 <el-tree ref="treeRef" :highlight-current="true" default-expand-all :data="architectureData" node-key="id" :current-node-key="currentNodekey" :props="defaultProps"...
Elementuiel-tree默认选中第一个,并实现高亮效果 实现效果: 要使用的属性和方法如下: node-key: 每个树节点用来作为唯一标识的属性,整棵树应该是唯一的 setCurrentKey:通过 key 设置某个节点的当前选中状态,使用此方法必须设置 node-key 属性 设置方法: this.$nextTick(()=>{ this.$refs.tree.setCurrentKey(...
// 新增逻辑:添加默认选中第一个组织的操作 this.currentNodekey = res.data[0].id; this.$nextTick(() => { this.$refs.tree.setCurrentKey(this.currentNodekey); //一定要加这个选中了否则样式没有出来 }); 参考地址: 如若安好:element 树的默认选中1 赞同 · 0 评论文章发布...
在el-tree组件加上current-node-key这个属性,同时也要加上note-key属性 {代码...} PS: 如果是根据请求数据来动态选中第一条,则需要在渲染前完成选中数据获取
就可以默认让第一个子节点高亮了(也就是id=0的节点)这里vueTree是页面当中那颗树的名字因为页面中已经设置了node-key="id",所以setCurrentKey(0)中的0表示当前选中的节点为id为0的节点原文件地址:https://blog.csdn.net/AXIMI/article/details/101023946javascript...
forEach((value)=>{ //setChecked 子节点只选中一个需要用setChecked,((key/data, checked, deep) 接收三个参数, 1. 勾选节点的 key 或者 data 2. boolean 类型,节点是否选中 3. boolean 类型,是否设置子节点 ,默认为 false)如果全部选中setCheckedKeys that.$refs.tree.setChecked(value,true,false) }...