mirror of
https://github.com/element-plus/element-plus.git
synced 2024-11-27 02:01:15 +08:00
36 lines
550 B
Vue
36 lines
550 B
Vue
<template>
|
|
<el-transfer
|
|
v-model="value"
|
|
:props="{
|
|
key: 'value',
|
|
label: 'desc',
|
|
}"
|
|
:data="data"
|
|
/>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { ref } from 'vue'
|
|
|
|
interface Option {
|
|
value: number
|
|
desc: string
|
|
disabled: boolean
|
|
}
|
|
|
|
const generateData = () => {
|
|
const data: Option[] = []
|
|
for (let i = 1; i <= 15; i++) {
|
|
data.push({
|
|
value: i,
|
|
desc: `Option ${i}`,
|
|
disabled: i % 4 === 0,
|
|
})
|
|
}
|
|
return data
|
|
}
|
|
|
|
const data = ref<Option[]>(generateData())
|
|
const value = ref([])
|
|
</script>
|