el-tree-transfer 是一个基于 Vue 和 Element-UI 的树形穿梭框组件,用于实现左右两侧树形结构数据的选择与移动功能。以下是一些基本的入参说明,根据收集到的信息整理得出:
-
title:
- 类型:
Array - 默认值:
['未选', '已选'] - 说明: 穿梭框左右两侧的标题文本。
- 类型:
-
from_data (或
leftTreeData):- 类型:
Array - 说明: 左侧树形结构的数据源。
- 类型:
-
to_data (或
rightTreeData):- 类型:
Array - 说明: 右侧树形结构的数据源。
- 类型:
-
pid (或
menuId):- 类型:
String - 说明: 父节点标识字段名,默认为
'menuId'。
- 类型:
-
node_key (或
id):- 类型:
String - 说明: 节点唯一标识字段名,默认为
'id'。
- 类型:
-
placeholder:
- 类型:
String - 说明: 搜索框的提示文本。
- 类型:
-
defaultProps:
- 类型:
Object - 默认值:
{ label: 'label' } - 说明: 用于定义节点数据中各属性的映射,如标签名等。
- 类型:
-
@add-btn (或
@add):- 说明: 添加按钮点击事件,可以绑定自定义方法,如
addMenu。
- 说明: 添加按钮点击事件,可以绑定自定义方法,如
-
@remove-btn (或
@remove):- 说明: 移除按钮点击事件,可以绑定自定义方法,如
removeMenu。
- 说明: 移除按钮点击事件,可以绑定自定义方法,如
-
mode:
- 类型:
String - 默认值:
'transfer' - 说明: 组件模式,一般为
'transfer'表示穿梭框模式。
- 类型:
-
height:
- 类型:
String或Number - 例如:
'500px' - 说明: 设置穿梭框的高度。
- 类型:
-
filter:
- 说明: 是否启用筛选功能。
-
openAll:
- 说明: 是否默认展开所有树节点。
-
ref:
- 说明: 组件引用名,如
'treeTransfer',用于在Vue实例中访问组件实例。
- 说明: 组件引用名,如
请注意,具体参数可能会随着插件版本更新而有所变化,建议查阅最新的官方文档或npm包的README文件以获取最准确的信息。如果需要更详细的参数说明或示例代码,可以尝试访问插件的GitHub仓库或通过npm安装后查看其自带的文档。