更新记录

1.0（2023-05-24） 下载此版本

主要内容

1. 性能优化，增加虚拟滚动
2. 支持reset，重置数据并返回顶部
3. 支持切换列表时，索引固定案例

平台兼容性

说明

实际项目中会面临特别多的dom渲染，如1000条数据循环下拉，这都是非常慢的，就要做一些虚拟滚动。本插件要做的是，项目中列表滚动加载时，滚动加载过多时，切换dom组件带来的卡顿问题、切换后由于滚动条高度不同，浏览的list对应不上，对实际项目开发很有帮助！

列表卡片、列表切换，滚动条位置不变，虚拟滚动防止卡顿

相关文章：实现原理

调用案例

<qcVirtualScrolling 
  :boxH="datas.boxH" 
  :itemH="datas.itemH" 
  :listNum="datas.list.length" 
  :list="datas.list"
  @setList="setList" 
  :columnNum="datas.columnNum" 
  :cacheNum="layout == 'card' ? 4 : 6" 
  @scrolltolower="onReachBottoms"
  ref="virtual">
        <card :data="datas.nowList" v-if="layout == 'card'"></card>
        <lists :data="datas.nowList" v-else></lists>
</qcVirtualScrolling>

props：

event：

Exposes：