虚拟滚动库

代码基于 react-window 的Vue3实现

Install

# Yarn
yarn add @kousum/vue3-window

# NPM
npm install --save @kousum/vue3-window

demo

用法参考 https://react-window.vercel.app/

<script setup>
import { FixedSizeList as List } from '@kousum/vue3-window';
</script>

<template>
  <div>
    <List
        :height="150"
        :itemCount="100000"
        :itemSize="35"
        :width="300"
    >
      <template v-slot:default="slotProps">
        <div :key="slotProps.key">
          Row {{slotProps.key}}
        </div>
      </template>
    </List>
  </div>
</template>