基础使用
<template>
<el-transfer :data="data" v-model="value"></el-transfer>
</template>
<script>
data () {
// data需要包含key跟label。是左边穿梭框所有的数据,value是右边的数据。
data: [
{key: '1', label: '苹果'},
{key: '2', label: '梨'},
{key: '3', label: '香蕉'},
{key: '4', label: '橘子'}
],
// value是key组成的数据
value: ['1', '2'], // value有值时为左下图所示,会自动从左边分离数据不会重复。
value: [] // value为空时为右下图所示。
}
</script>
Transfer 的数据通过