mirror of
https://github.com/element-plus/element-plus.git
synced 2025-08-15 19:41:06 +08:00
349a2e9c16
* feat(components): [transfer] add custom empty slot for transfer panels * docs: [transfer] add description and example * test(components): add transfer component test * docs: add version tag * Update docs/en-US/component/transfer.md Co-authored-by: btea <2356281422@qq.com> --------- Co-authored-by: qiang <qw13131wang@gmail.com> Co-authored-by: btea <2356281422@qq.com>
34 lines
698 B
Vue
34 lines
698 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>
|