更新记录

1.0.0（2023-05-12） 下载此版本

初始版本

平台兼容性

piaoyi-virtualList 虚拟列表

使用方法：

<piaoyiVirtualList :height="listHeight" :item-height="itemHeight" :items="items">
    <template v-slot="{ items }">
        <div v-for="(item, index) in items" :key="index" class="virtual-list-item">
            {{ item }}
        </div>
    </template>
</piaoyiVirtualList>

import piaoyiVirtualList from '../../components/piaoyi-virtualList/piaoyi-virtualList.vue';
export default {
    components: {
        piaoyiVirtualList
    },
    data() {
        return {
            listHeight: 500,
            itemHeight: 50,
            items: [], // 假设有大量数据需要展示
        }
    },
    mounted() {
      // 初始化数据
      this.items = Array.from({ length: 100000 }).map((_, i) => `Item ${i + 1}`);
    },
}

Prop

可接定制化组件开发

右侧有本人代表作小程序二维码，可以扫码体验

如使用过程中有问题或有一些好的建议，欢迎加QQ群互相学习交流：120594820