Transfer 穿梭框
规则
基础示例
Props 配置示例
简单模式(点击即移动)
单向模式(仅可移到右侧)
左右搜索框单独配置
整段禁用
Events 事件示例
value:string[](右侧目标列表中的 value 集合)
Props
| 参数名 | 描述 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| data | 穿梭框的数据 | TransferItem[] | [] | |
| model-value(v-model) | 目标选择框中的值 | string[] | - | |
| default-value | 目标选择框默认值(非受控) | string[] | [] | |
| selected(v-model) | 选中的选项值 | string[] | - | |
| default-selected | 默认选中的选项值(非受控) | string[] | [] | |
| disabled | 是否禁用 | boolean | false | |
| simple | 简单模式(点击选项即移动) | boolean | false | |
| one-way | 单向模式(仅可移动到目标侧) | boolean | false | |
| show-search | 是否显示搜索框 | boolean | false | |
| show-select-all | 是否展示全选勾选框 | boolean | true | 2.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: string,type: 'target' | 'source' |


