transfer

功能

穿梭框，用于多选。方便选择和展示。

比 el-transfer，功能趋向于简洁和快捷

有两种方式：

• Transfer：穿梭器组件
• TransferPanel：穿梭器面板组件

功能示例

穿梭器面板	4 管理员 编辑 普通用户 游客 全选 已选择 0 清空
穿梭器	请选择
参数：禁用	是否
参数：内联/块级	内联 块级
结果	[]

最小示例

<template>
    <Wrapper>
        <VcTransferPanel v-model="myValue" title="角色" :data="options" />
        <VcTransfer v-model="myValue" title="角色" :data="options" />
    </Wrapper>
</template>

<script lang="ts" setup>
import VcTransferPanel from '../../transfer-panel/transfer-panel.vue'
import VcTransfer from '../transfer.vue'

const options = [
    { label: '管理员', value: 1 },
    { label: '编辑', value: 2 },
    { label: '普通用户', value: 3 },
    { label: '游客', value: 4 },
]

const myValue = ref([])
</script>

transfer API

参数

transfer-panel API

参数

参数类型

事件