数据穿梭框 Transfer

介绍

两栏布局的多选组件，将元素从一栏即时移到另一栏。

API

Props 属性

参数	说明	类型	默认值
默认状态	组件的状态, "默认"|"禁用"|"隐藏"	string	'default'
标题	穿梭框标题	string	'穿梭框'
显示标题	是否显示标题	boolean	true
默认值	穿梭框默认选中值	string	-
数据字段	表单字段名	string	"TRANSFER_随机八位字符"
通过API获取	通过api请求获取穿梭框数据	boolean	false
节点数据	穿梭框选项数据	array	-
显示搜索框	是否显示搜索框	boolean	false
开启单项	开启单向选择	boolean	false
开启简单模式	点击即可选中	boolean	false
开启拖拽模式	开启右侧数据的拖拽排序功能	boolean	false
源列表标题	左侧选项标题	string	-
目标列表标题	右侧选项标题	string	-

Props 样式

参数	说明	类型	默认值
自定义样式	整体自定义样式	string	-

Props 高级

参数	说明	类型	默认值
唯一标识	组件的唯一标识	string	-
指定节点数据中的字段名	配置数据字段名称	object	-
补充说明	组件的补充说明	string	-
气泡提醒	标题显示的气泡说明	string	-
循环	循环渲染设置	-	-

Events

Events 属性

事件名	说明	回调参数
onChange	值发生改变时触发	ctx, params: { value:string[];rowData:any | undefined }
onSelect	选择时触发	ctx, params: { selected:string[];rowData:any | undefined }
onSearch	搜索时触发	ctx, params: { value:string;rowData:any | undefined }

Type

LoopData

参数名	描述	类型
indexName	索引变量名	string
paramName	迭代变量名	string
row	当前迭代数据元素	any
rowIndex	当前迭代数据索引	any
ref	完整循环数组数据	ComputedRefImpl<Array>