mirror of
https://github.com/element-plus/element-plus.git
synced 2026-03-13 07:51:17 +08:00
35 lines
699 B
Vue
35 lines
699 B
Vue
<template>
|
|
<el-transfer v-model="value" :data="data">
|
|
<template #left-empty>
|
|
<el-empty :image-size="60" description="No data" />
|
|
</template>
|
|
<template #right-empty>
|
|
<el-empty :image-size="60" description="No data" />
|
|
</template>
|
|
</el-transfer>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { ref } from 'vue'
|
|
|
|
interface DataItem {
|
|
key: number
|
|
label: string
|
|
disabled: boolean
|
|
}
|
|
const generateData = (): DataItem[] => {
|
|
const data: DataItem[] = []
|
|
for (let i = 1; i <= 15; i++) {
|
|
data.push({
|
|
key: i,
|
|
label: `Option ${i}`,
|
|
disabled: i % 4 === 0,
|
|
})
|
|
}
|
|
return data
|
|
}
|
|
|
|
const data = ref(generateData())
|
|
const value = ref([])
|
|
</script>
|