Transfer 穿梭框
左右双面板 + 中间穿梭按钮,支持搜索过滤与键盘操作。
基础用法
基础
预置选中值与标题
预置 value + titles
可搜索
searchable
事件
变化事件
API
属性
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
data | 数据(JSON attribute 声明式通道,property 赋值单向反射,[{ key, label, disabled }]) | TransferItem[] | string | [] |
searchable | 面板内搜索过滤 | boolean | — |
source-title | — | — | — |
target-title | — | — | — |
titles | 双面板标题(JSON 数组)或 source-title/target-title | string | — |
value | 已选 key 数组(JSON 属性) | string | [] |
事件
| 事件 | 说明 |
|---|---|
oas-change | 穿梭后值变化,detail: { value } |
键盘:聚焦面板列表后 ↑/↓ 移动选中,Enter 穿梭。