Transfer 穿梭框

基础用法

列表 1 0/7

上海北京广州深圳南京西安成都

无匹配数据

无数据

列表 2 0/0

无匹配数据

无数据

显示代码

可搜索

在数据很多的情况下，可以对数据进行搜索和过滤。

列表 1 0/13

备选项 2备选项 3备选项 5备选项 6备选项 7备选项 8备选项 9备选项 10备选项 11备选项 12备选项 13备选项 14备选项 15

无匹配数据

无数据

列表 2 0/2

备选项 1备选项 4

无匹配数据

无数据

显示代码

可自定义

可以对列表标题文案、按钮文案、数据项的渲染函数、列表底部的勾选状态文案、列表底部的内容区等进行自定义。

使用 render-content 自定义数据项

Source 2/14

2 - 备选项 23 - 备选项 34 - 备选项 45 - 备选项 56 - 备选项 67 - 备选项 78 - 备选项 89 - 备选项 910 - 备选项 1011 - 备选项 1112 - 备选项 1213 - 备选项 1314 - 备选项 1415 - 备选项 15

无匹配数据

无数据

Target 1/1

1 - 备选项 1

无匹配数据

无数据

使用 scoped-slot 自定义数据项

Source 2/14

2 - 备选项 23 - 备选项 34 - 备选项 45 - 备选项 56 - 备选项 67 - 备选项 78 - 备选项 89 - 备选项 910 - 备选项 1011 - 备选项 1112 - 备选项 1213 - 备选项 1314 - 备选项 1415 - 备选项 15

无匹配数据

无数据

Target 1/1

1 - 备选项 1

无匹配数据

无数据

显示代码

数据项属性别名

默认情况下，Transfer 仅能识别数据项中的 key、label 和 disabled 字段。如果你的数据的字段名不同，可以使用 props 属性为它们设置别名。

列表 1 0/15

备选项 1备选项 2备选项 3备选项 4备选项 5备选项 6备选项 7备选项 8备选项 9备选项 10备选项 11备选项 12备选项 13备选项 14备选项 15

无匹配数据

无数据

列表 2 0/0

无匹配数据

无数据

显示代码

Attributes

Slot

Scoped Slot

Methods

Events