穿梭框(vTransfer)

单组件引入

import <name> from ‘vucc/transfer’;

示例


结果:




代码 V

<v-transfer :src-title="'原数据'" :dist-title="'选择'" :data="transfer" v-model="transferRes"></v-transfer>



属性

参数 说明 类型 可选值 默认值
data 左侧框渲染数据 Array - []
result 右侧框结果 Array - []
srcTitle 左侧框的title String - ‘标题’
distTitle 右侧框的title String - ‘标题’
isDeleteAble 删除按钮是否可用 Boolaen - false
addText 添加按钮文案 String - ‘添加’
deleteText 删除按钮文案 String - ‘删除’

方法

方法名 说明 类型 参数 默认值
onAdd 添加按钮的回调函数 function transfer,添加的对象 -
onDelete 删除按钮的回调函数 function transfer,删除的对象 -