<el-tree :data="treeData" :node-key="'id_' + node.id + '_name_' + node.name"></el-tree> ``` 这样,在el-tree中的每个节点都会使用id和name的组合值作为其唯一的node-key。 2.函数组合方式: 可以使用一个函数来定义node-key的值,函数接收节点作为参数,然后返回一个唯一的标识值。例如,使用...
设置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...
el-tree 展开指定节点(需设置node-key) 官网并未提供相关的方法,但可以使用下方代码实现: this.$refs.树的ref值.store.nodesMap[指定节点对应的key值].expanded = true; 完整范例代码 <el-tree ref="menuTree" :data="menuTreeData" node-key="label" highlight-current /> "menuTreeData": [ { "label...
1.设置一个固定值作为key:node-key="id" 2.定义当前选中节点的key::current-node-key="currentId" <el-treenode-key="id":current-node-key="currentId":data="treeData":props="defaultProps":check-on-click-node="true":accordion="true"empty-text="组织机构"icon-class="":filter-node-method="fil...
(1)、el-tree中需要绑定node-key='自定义的id名称' (2)、在配置data中defaultProps中的属性时,要按照与后端协商的字段名称对称 (3)、重要的是要月后端协商返回字段内容: 协商返回的数据格式(举例): children: Array(6) //与defaultProps中的children对应 ...
node.childNodes[i].expand() } }) } } 项目中的实现 一、复选框勾选后能自动展开并选中,先展开再勾选也可以自动展开 1.监听check-change事件 <el-tree :props="mulprops" :load="loadNode" lazy node-key="id" show-checkbox accordion @check-change="handleCheckChange" ...
node-key: 每个节点的唯一标识 default-expanded-keys: 默认展开节点的key的数组 highlight-current: 是否高亮当前选中的节点 如果组件初始化时,需要默认高亮则需要配置this.$refs.tree.setCurrentKey(id) 不同节点配置不同icon 有时候,我们可能需要区分是单节点还是文件节点,可能需要我们加个icon,如图: ...
//template<el-tree:data="treeData"//数据源:props="defaultProps"//配置项accordion//每次打开一个节点 手风琴模式ref="tree"//用来获取domlazy//节点懒加载:highlight-current='true'//高亮当前节点:load='treeLoad'//懒加载时调用的方法node-key="cateId"//唯一标识:default-expanded-keys='defaultOpen'...
// tree 为 Tree 组件的 ref 值// node-key="id" 必须添加到 el-tree 节点上this.$refs.tree.setCheckedNodes(this.data);// 全选this.$refs.tree.setCheckedNodes([]);// 取消全选this.$refs.tree.setCheckedKeys([]);// 取消全选this.$refs.tree.setChecked(id,true,false);// 通过 id 设置某...
this.$refs.tree.getCheckedKeys()// 可以在methods里面直接使用,前提是要设置<el-tree node-key="id"></tree> 全部代码: <template><el-tree:data="treeData"show-checkboxnode-key="id"ref="tree"highlight-current:props="defaultProps"></el-tree>取消确认</template>export default { name: 'box'...