el-tree的renderContent方法

<el-tree
          id="treeList"
          ref="tree"
          show-checkbox
          node-key="line_id"
          default-expand-all
          :default-checked-keys=lineIdArr
          :check-strictly="false"
          :data="treeData"
          :props="treeProps"
          :expand-on-click-node="false"
          :render-content="renderContent"
          @check-change="getCheckedKeys">
        </el-tree>



el-tree参数说明:
data:展示数据
show-checkbox:节点是否可被选择
node-key:节点ID(每个树节点用来作为唯一标识的属性)
default-expand-all: 是否默认展开所有节点
default-checked-keys:默认选中的节点
check-strictly:在显示复选框的情况下,是否严格的遵循父子“不”互相关联的做法,默认为false
props:{
    label: 指定当前节点标签,做为节点对象的某个属性值
    children:指定子树为节点对象的某个属性值
}
expand-on-click-node:如果为 false,则只有点箭头图标的时候才会展开或者收缩节点。
render-content:树
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
el-tree-transfer 是基于 Element UI 的树形穿梭框组件,其 API 如下: ### el-tree-transfer Props | 参数 | 说明 | 类型 | 可选值 | 默认值 | |------|------|------|-------|-------| | data | 显示的数据 | Array | — | [] | | props | 配置选项,具体看下表 | Object | — | — | | filterable | 是否可搜索 | Boolean | — | false | | filterPlaceholder | 搜索框占位符 | String | — | 输入关键字进行过滤 | | filterMethod | 自定义搜索方法 | Function | — | — | | titles | 标题数组,顺序从左至右 | Array | — | ['源列表', '目标列表'] | | buttonTexts | 按钮文本数组,顺序从上至下 | Array | — | [] | | renderContent | 插槽,暂不支持 | Function | — | — | | value | 绑定值,选中项的 key 数组 | Array | — | [] | | format | 格式化选项,具体看下表 | Object | — | — | | leftDefaultChecked | 初始状态下左侧选中的值的数组 | Array | — | [] | | rightDefaultChecked | 初始状态下右侧选中的值的数组 | Array | — | [] | ### el-tree-transfer Props - props | 参数 | 说明 | 类型 | 可选值 | 默认值 | |------|------|------|-------|-------| | label | 指定节点标签为节点对象的某个属性值 | String | — | label | | children | 指定子树为节点对象的某个属性值 | String | — | children | | disabled | 指定节点选择框是否禁用为节点对象的某个属性值 | Boolean | — | disabled | ### el-tree-transfer Props - format | 参数 | 说明 | 类型 | 可选值 | 默认值 | |------|------|------|-------|-------| | to | `el-transfer` 中的 `format` 属性值,表示数据从源列表转移到目标列表时,被转移数据的格式化方法 | Function | — | — | | from | `el-transfer` 中的 `format` 属性值,表示数据从目标列表转移到源列表时,被转移数据的格式化方法 | Function | — | — | ### el-tree-transfer Events | 事件名称 | 说明 | 回调参数 | |--------|--------|--------| | change | 选项在两栏之间转移时触发 | 左侧选中项的 key 数组,右侧选中项的 key 数组,左侧列表,右侧列表 | ### el-tree-transfer Methods | 方法名 | 说明 | 参数 | |------|------|------| | getLeftCheckedNodes | 获取左侧被选中的节点数据 | — | | getRightCheckedNodes | 获取右侧被选中的节点数据 | — | | getLeftCheckedKeys | 获取左侧被选中节点的 key 值 | — | | getRightCheckedKeys | 获取右侧被选中节点的 key 值 | — | | clearQuery | 清空搜索框内容 | — |

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值