Estoy tratando de usar el componente vue-virtual-scroll-list en mi aplicación para implementar el desplazamiento virtual. Sin embargo, no está funcionando como se esperaba. Solo muestra algunos datos en lugar de mostrar todos los datos con un DOM mínimo.

Aquí está mi código:

 <virtual-list v-show="!!tempItems.length" ref="vsl" :data-key="'id'" :data-sources="tempItems" :data-component="childComponent" :estimate-size="100" />

el componente hijo

 <template> <div>{{ index }} -> {{ source.message }}</div> </template>

esto solo muestra los primeros 30 artículos.

Codesandbox: https://codesandbox.io/s/practical-cloud-57119?file=/src/App.vue

vue-virtual-scroll-list: https://github.com/tangbc/vue-virtual-scroll-list