Skip to content

TransferList ​

在“可选”和“已选”两个面板之间移动条目,支持搜索、分组、拖动排序和键盘排序。

导入 ​

ts
import { TransferList } from '@astryx-vue/lab'

属性 ​

名称类型默认值说明
modelValuereadonly T[][]已选值及其顺序,使用 v-model。
optionsreadonly TransferListOption<T>[]必填完整选项表,value 必须唯一。
labelstring必填整个控件的无障碍名称。
selectedLabel / availableLabelstring内置文案两个面板的标题。
descriptionstringundefined标签下方的说明。
isLabelHiddenbooleanfalse是否视觉隐藏标签。
hasSearchbooleanfalse是否显示共用搜索框。
searchLabel / searchPlaceholderstring内置文案搜索框名称和提示。
isReorderablebooleantrue已选项是否可排序。
hasSelectAll / hasClearbooleanfalse是否显示全部添加和清空。
selectedEmptyText / availableEmptyText / noResultsTextstring内置文案空状态文案。

选项可设置 group、description、isTransferDisabled、isReorderDisabled 和 disabledMessage。change 会返回最新值;#option="{ option }" 可自定义行内容。