用途:el-transfer 是 Element Plus 提供的穿梭框(Transfer)组件,通过双栏列表在两列之间移动条目,实现从候选项中挑选出目标集合。常见场景包括权限管理、从大数据集中多选、条目分类、团队成员选择等。
主要能力:支持 v-model 绑定已选值;data 提供数据源;filterable 开启搜索并可用 filter-placeholder 与 filter-method 自定义占位与筛选逻辑;titles 自定义两栏标题,button-texts 自定义按钮文字;render-content 可自定义条目渲染;props 可映射自定义字段(key/label);format 控制显示格式;target-order 控制目标列表排序(original/push/unshift);left/right-default-checked 及 left/right-checked 控制勾选状态。事件包括 change(值变化,含方向与移动的 key)、left-check-change、right-check-change。插槽支持左右列 footer 及自定义条目内容。
使用方式:在 Vue 模板中引入组件,通过 :data 传入数据数组(每项含 key、label,可选 disabled),用 v-model 绑定选中值数组即可。大数据量时建议开启 filterable。
限制:官方文本未提供收费、平台兼容或性能上限等更多信息,这些内容暂未提供。