<div class="treea"> <div ref="treeDiv" class="tree-container tree-src"> <el-tree id="tree" ref="tree" class="tree tree-dis" :indent="0" :data="data" :props="defaultProps" :render-content="renderContent" @node-click="treeNodeClick" > /> <!-- data绑的值用来展示数据, props用...
<template><divid="app"><el-tree-select:styles="styles"v-model="values":selectParams="selectParams":treeParams="treeParams":treeRenderFun="_renderFun"@searchFun="_searchFun"@node-click="_nodeClickFun"ref="treeSelect"/><el-selectmultiplev-model="test"placeholder="请选择"@change="_selectCha...
(是否支持直接点击父级,nodeClick方法判断如果clickParent=true往上抛出) searchFun: 搜索事件,remoteSearch=true时触发 nodeClick: 树菜单点击事件 treeNodeCheckFun:树多选框选择时候触发(必须条件:multiple=true) show: 树显示 hide: 树隐藏 renderContent: 树自定义显示内容 clearFun: 清空文本框事件 search: ...
1、指定渲染函数:render-content="renderContent" <el-tree ref="tree" :data="functionData" :props="props" accordion :default-checked-keys="selectFunction" show-checkbox node-key="id":render-content="renderContent"></el-tree> 2、根据自己需要配置选项 props: { children: 'children', label: 'na...
curGridTree._id this.$refs.GridTree.setCurrentKey(this.currentNodeKey) }) 自定义树图标展示用法 :render-content="renderContent" renderContent (h, { node, data, store }) { let enableTemplate = <span class="custom-tree-node"> <i class="icon-fi-folder icon_tree"></i> <span>{data...
@check="handleSearchCheckChange"//点击复选框触发:render-content="highlightRender"// 搜索框搜索后高亮渲染 /> 2.1. data: 将要显示得数据 数据格式1: data: [ {label:'一级 1',children: [ {label:'二级 1-1',children: [{label:'三级 1-1-1'}] } ...
<el-tree ref="tree" :data="functionData" :props="props" accordion :default-checked-keys="selectFunction" show-checkbox node-key="id" :render-content="renderContent"></el-tree> 2、根据⾃⼰需要配置选项 props: { children: 'children',label: 'name'} 3、实现渲染函数 renderContent (h, {...
el-tree的属性和事件,相对来说比较丰富,就我们系统需要用到的而言,仅仅是展示,然后会关注数据的选择。 Data:用于展示的数据 Node-key:节点id的名称 default-expanded-keys:默认展开的节点的 key 的数组 props:定义数据节点的参数,详见上表 render-content:自定义,展示回调函数。
:render-content="highlightRender" // 搜索框搜索后高亮渲染 /> 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 2.1. data: 将要显示得数据 数据格式1: data: [ { label: '一级 1', children: [ { label: '二级 1-1', children: [{ label: '三级 1-1-1' }] } ...
208 treeParams: { 209 clickParent: false, 210 filterable: true, 211 'check-strictly': true, 212 'default-expand-all': true, 213 'expand-on-click-node': false, 214 'render-content': this._renderFun, 215 data: [], 216 props: { 217 children: 'child', 218 label: '...