YtVirtualTransfer 穿梭框列表支持虚拟滚动

基于el-transfer组件的基础上封装的，为了解决 element-ui 中 el-transfer 组件在大数据量的情况下出现的性能问题(数据量太大，导致渲染过慢，或造成页面卡顿) , 同时全选操作迟钝问题。

模拟一万条数据的选择

:::demo

<yt-virtual-transfer-vue3
    v-model="transferValue"
    filterable
    filter-placeholder="请输入"
    :data="items"
/>


<script>
  const createData = (len) => {
    const arr = []
    for (let index = 0; index < len; index++) {
        const obj = { 
            id: index, 
            key: index, 
            label: `labbel ${ index }`,
        }
        arr.push(obj)
    }
    return arr
  }
  export default {
    data(){
      return {
        items: createData(10000),
        transferValue:[],
      }
    }
  }
</script>

:::

特有参数

| 属性 | 说明 | 类型 | 默认值 | |:----------------|:----------------------------------------------------|:------|:----| | data | 接受的下拉框list数组，数组项格式 {value: value的值, label: label的值} | Array | [] | | virtualScroll | 启用虚拟滚动 | Boolean | true |

组件传参、事件

其它跟el-transfer组件一样。