el-tree-transfer插件 入参说明

el-tree-transfer 是一个基于 Vue 和 Element-UI 的树形穿梭框组件,用于实现左右两侧树形结构数据的选择与移动功能。以下是一些基本的入参说明,根据收集到的信息整理得出:

  1. title:

    • 类型: Array
    • 默认值: ['未选', '已选']
    • 说明: 穿梭框左右两侧的标题文本。
  2. from_data (或leftTreeData):

    • 类型: Array
    • 说明: 左侧树形结构的数据源。
  3. to_data (或rightTreeData):

    • 类型: Array
    • 说明: 右侧树形结构的数据源。
  4. pid (或menuId):

    • 类型: String
    • 说明: 父节点标识字段名,默认为 'menuId'
  5. node_key (或id):

    • 类型: String
    • 说明: 节点唯一标识字段名,默认为 'id'
  6. placeholder:

    • 类型: String
    • 说明: 搜索框的提示文本。
  7. defaultProps:

    • 类型: Object
    • 默认值: { label: 'label' }
    • 说明: 用于定义节点数据中各属性的映射,如标签名等。
  8. @add-btn (或@add):

    • 说明: 添加按钮点击事件,可以绑定自定义方法,如 addMenu
  9. @remove-btn (或@remove):

    • 说明: 移除按钮点击事件,可以绑定自定义方法,如 removeMenu
  10. mode:

    • 类型: String
    • 默认值: 'transfer'
    • 说明: 组件模式,一般为 'transfer' 表示穿梭框模式。
  11. height:

    • 类型: StringNumber
    • 例如: '500px'
    • 说明: 设置穿梭框的高度。
  12. filter:

    • 说明: 是否启用筛选功能。
  13. openAll:

    • 说明: 是否默认展开所有树节点。
  14. ref:

    • 说明: 组件引用名,如 'treeTransfer',用于在Vue实例中访问组件实例。

请注意,具体参数可能会随着插件版本更新而有所变化,建议查阅最新的官方文档或npm包的README文件以获取最准确的信息。如果需要更详细的参数说明或示例代码,可以尝试访问插件的GitHub仓库或通过npm安装后查看其自带的文档。

  • 4
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值