Skip to content

Transfer 穿梭框

规则

基础示例

Props 配置示例

简单模式(点击即移动)

单向模式(仅可移到右侧)

左右搜索框单独配置

整段禁用

Events 事件示例

valuestring[](右侧目标列表中的 value 集合)

Props

参数名描述类型默认值版本
data穿梭框的数据TransferItem[][]
model-value(v-model)目标选择框中的值string[]-
default-value目标选择框默认值(非受控)string[][]
selected(v-model)选中的选项值string[]-
default-selected默认选中的选项值(非受控)string[][]
disabled是否禁用booleanfalse
simple简单模式(点击选项即移动)booleanfalse
one-way单向模式(仅可移动到目标侧)booleanfalse
show-search是否显示搜索框booleanfalse
show-select-all是否展示全选勾选框booleantrue2.39.0
title源、目标选择框标题string[]['Source', 'Target']
source-input-search-props源侧搜索框配置object-2.51.1
target-input-search-props目标侧搜索框配置object-2.51.1

Events

事件名描述参数
change目标选择框的值改变时触发value: string[]
select选中的值改变时触发selected: string[]
search用户搜索时触发value: stringtype: 'target' | 'source'

FormCreate 是一个开源项目,基于 MIT 许可证发布,欢迎个人和企业用户免费使用