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 }...
.tree /deep/ .el-tree-node__children { padding-left: 16px; } .tree > .el-tree-node:not(:first-child) .el-tree-node__content { height: 90px; } .tree-src /deep/ .tree .el-tree-node .el-tree-node__content { height: 90px; } .tree-src /deep/ .tree-dis >.el-tree-node ...
使用element ui中的tree组件。 关键点在于<template slot-scope="{node, data}">来展示图标, @node-click="(obj, node, element) => click(obj, node, element)"来完成点击事件。 首先解释一下,插槽中的作用域含义,node是当前树节点对象,data是当前节点的数据 而点击函数中三个参数,obj是当前节点的数据对象...
<el-tree :props="props" :load="loadNode" lazy ref="tree" accordion :default-expanded-keys="expandedKeys" node-key="id" style="height: 750px" @node-click="handleNodeClick" > {{ data.name }} <el-button style="margin-left: 5px" type="text" size="mini" @click="() => open(...
使用element-ui的tree组件,看了api, 事件有node-click,方法是getCheckedNodes. 我使用按钮(获取节点)点击是可以获取点击的节点信息的,但是为什么直接点击节点不会触发node-key事件吗? <el-tree :props="props1":load="loadNode1"node-key="id"ref="tree"highlight-current ...
:load='treeLoad'//懒加载时调用的方法 node-key="cateId"//唯一标识 :default-expanded-keys='defaultOpen'//默认打开的节点数组 :expand-on-click-node='true'//是否在点击节点的时候展开或者收缩节点, 默认值为 true,如果为 false,则只有点箭头图标的时候才会展开或者收缩节点。
<el-tree @node-click="openItem" :load="loadNode" lazy accordion ></el-tree> <el-button @click="changeAction('add')">新增同级</el-button> <el-button @click="changeAction('addChild')">新增下级</el-button> <el-button @click="changeAction('edit')">编辑</el-button> ...
@node-click="handleNodeClick"> </el-tree> //data定义 props: { label: 'index', children: [], isLeaf: false } handleNodeClick(data) { if (!data.isLeaf) { console.log('resolve select data') this.searchForm.yearid = data.year ...
最近开发使用el-tree树形控件时,遇到不少问题,而且问题都是比较常用到的,这里记录一下,仅供参考。 树形页面如下: 屏幕快照 2021-11-22 上午9.16.09.png 代码如下: <el-tree ref="tree":load="loadNode":props="props"node-key="id":show-checkbox="false"lazy:highlight-current="true"@node-click="handl...
先看效果: image 1.界面中: <el-tree:data="treeData":props="defaultProps":load="loadNode"@node-click="handleNodeClick"lazy></el-tree> 2.data中: treeData:[],// 树节点defaultProps:{// 修改el-tree默认data数组参数children:'children',label:'name',id:'id',parentId:'parentId',isLeaf:false...