naive-ui/demo/documentation/components/transfer/zhCN/largeData.md
2020-02-04 18:39:05 +08:00

660 B

一大堆数据

如果你有一大堆数据,你可能想让它快一点。设定 virtual-scroll 来使用一个飞快的穿梭框(会关掉那个傻乎乎的动画)。

<n-transfer
  ref="transfer"
  v-model="value"
  :options="options"
  virtual-scroll
/>
function createOptions () {
  return Array.apply(null, { length: 20000 }).map((v, i) => ({
    label: 'Option' + i,
    value: i,
    disabled: i % 5 === 0
  }))
}

function createValues () {
  return Array.apply(null, { length: 10000 }).map((v, i) => i)
}

export default {
  data () {
    return {
      options: createOptions(),
      value: createValues()
    }
  },
}