vue3-virtual-list2

Vue3虚拟列表组件

Install

npm i vue3-virtual-list2 

Usage

<template>
    <div>
        <!-- itemHeight: 列表单项的高度, 默认50px	-->
        <virlist :items="list" :itemHeight="100">
            <!--
                item: 列表单项
                index: 索引
            -->
           <template v-slot="{item,index}" >
            {{item}}---{{index}}
           </template>
        </virlist>
    </div>
</template>
<script>
import virlist from 'vue3-virtual-list2';
import {ref} from 'vue';
export default {
    components:{
        virlist
    },
    setup(){
        // 通过数据接口获取到的列表
        var list=ref([]);
        return {
            list
        }
    }
} 
</script>