uniapp如何使用vue-virtual-scroller

首先，你需要安装 `vue-virtual-scroller`，可以使用 npm 或者 yarn 进行安装:

npm install vue-virtual-scroller --save
# 或者
yarn add vue-virtual-scroller

接下来，在你的 Vue 组件中引入 `vue-virtual-scroller`:

import VueVirtualScroller from 'vue-virtual-scroller';
import 'vue-virtual-scroller/dist/vue-virtual-scroller.css';

export default {
  components: {
    VueVirtualScroller,
  },
  // ...
}

然后在模板中使用 `vue-virtual-scroller`，比如：

<vue-virtual-scroller class="my-list" :items="items" item-size="50">
  <template v-slot="{ item }">
    <div class="list-item">{{ item }}</div>
  </template>
</vue-virtual-scroller>

在上面的例子中，我们使用了 `vue-virtual-scroller` 组件，并通过 `:items` 属性传递了一个列表数据，`item-size` 属性指定了每个列表项的高度。然后，在 `vue-virtual-scroller` 内部使用了一个具名插槽，渲染了每个列表项。

需要注意的是，`vue-virtual-scroller` 只有在容器高度固定的情况下才能正常工作。如果容器高度是动态的，你需要手动触发 `refresh` 方法来重新计算容器高度，比如：

<vue-virtual-scroller ref="myList" class="my-list" :items="items" item-size="50">
  <template v-slot="{ item }">
    <div class="list-item">{{ item }}</div>
  </template>
</vue-virtual-scroller>

<button @click="$refs.myList.refresh()">Refresh</button>

在上面的例子中，我们在 `vue-virtual-scroller` 上增加了 `ref` 属性，并在代码中通过 `$refs.myList` 获取到了 `vue-virtual-scroller` 实例，然后在按钮的点击事件中调用了 `refresh()` 方法，重新计算容器高度。