prop-alias.vue 550 B

1234567891011121314151617181920212223242526272829303132333435
  1. <template>
  2. <el-transfer
  3. v-model="value"
  4. :props="{
  5. key: 'value',
  6. label: 'desc',
  7. }"
  8. :data="data"
  9. />
  10. </template>
  11. <script lang="ts" setup>
  12. import { ref } from 'vue'
  13. interface Option {
  14. value: number
  15. desc: string
  16. disabled: boolean
  17. }
  18. const generateData = () => {
  19. const data: Option[] = []
  20. for (let i = 1; i <= 15; i++) {
  21. data.push({
  22. value: i,
  23. desc: `Option ${i}`,
  24. disabled: i % 4 === 0,
  25. })
  26. }
  27. return data
  28. }
  29. const data = ref<Option[]>(generateData())
  30. const value = ref([])
  31. </script>