@virtual-render/list

虚拟列表 @virtual/list

优点

• 高性能，支持百万级数据（上限取决于浏览器 body 渲染高度限制）
• 满帧率渲染
• 支持横向和纵向滚动
• 支持多种插槽供选择、支持场景多样的扩展使用（表格、无线加载、聊天室、合并单元格等）
• 使用 vue-demi，支持 vue2.x 和 vue3.x
• typescript 支持

在线演示地址

https://keno-lee.github.io/virtual-list/

使用

<template>
  <div class="demo">
    <VirtualList
      :list="list"
      :minSize="44"
      itemKey="id"
    >
    </VirtualList>
  </div>
</template>
<script>
import { VirtualList } from '@virtual/list';

export default {
  components: {
    VirtualList,
  },
   data() {
    return {
      list: [],
    }}
};