virtual-scroll-list

virtual-scroll-list

实例功能

• 虚拟化列表的Hook,可以解决展示海量数据渲染时首屏渲染缓慢和滚动卡顿问题

• 滚动加载数据

  使用

• url
  请求数据的URL

• itemSize
  item的高度

• itemRender
  渲染列表项

• loadingItem
  数据加载时的状态

• onDataUpdate
  当list中的数据更新时执行，这个函数的形参是当前list已经加载到的数据

• defaultQuery
  
  默认的查询参数 没有设置时默认{page: 1,pageSize: 10}

• silent
  false：显示errorMessage true：不显示

• dataFilter
  对List中的数据进行过滤操作
  -event$
  通过const { event$, actions } = VirtualScrollList.useVirtualListEvent()获取把event$传给VirtualScrollList，组件会订阅actions中的操作你可以通过action中的方法进行查询、加载、重置操作

• autoHeight
  设置VirtualScrollList的高度，没有给值时会获取VirtualScrollList所在container的高度

• emptyElement
  VirtualScrollList没有数据时展示

• queryFormatOptions
  AxiosRequestConfig