十七.Transfer

List 1 0/15

Option 1Option 2Option 3Option 4Option 5Option 6Option 7Option 8Option 9Option 10Option 11Option 12Option 13Option 14Option 15

No data

List 2 0/0

No data

<template>
    <web-transfer v-model="value" :data="data" />
  </template>
  
  <script lang="ts" setup>
  import { ref } from 'vue'
  
  interface Option {
    key: number
    label: string
    disabled: boolean
  }
  
  const generateData = () => {
    const data: Option[] = []
    for (let i = 1; i <= 15; i++) {
      data.push({
        key: i,
        label: `Option ${i}`,
        disabled: i % 4 === 0,
      })
    }
    return data
  }
  
  const data = ref<Option[]>(generateData())
  const value = ref([])
  </script>