<template>
    <div class='add-transfer'>
        <el-transfer v-model='value' :props='{
      key: "value",
      label: "desc"
    }' :data='data'></el-transfer>
    </div>
</template>

<script>
export default {
    data() {
        const generateData = () => {
            const data = []
            for (let i = 1; i <= 15; i++) {
                data.push({
                    value: i,
                    desc: `备选项 ${i}`
                })
            }
            return data
        }
        return {
            data: generateData(),
            value: []
        }
    }
}
</script>

<style lang='less' scoped>
.add-transfer {
    display: flex;
    align-self: center;
    justify-content: center;
    margin-top: 40px;
}
</style>