在这里插入图片描述
问题:在页面滚动的时候,infiniteScroll 页面数是自动+1。举个例子,页面加载到第三页,infiniteScroll 无法在重新开始计数,而在某些场景中需要重新开始计数,比如切换月份等(按照需求),page number 需要重新计数。(切换后会自动滚动到上一次滚动位置,自动调用接口)

1.使用useRef

  const domRef = useRef(null);
  //添加判断lifeCycleRef.current  防止dome还没有加载
  if(lifeCycleRef.current){
  lifeCycleRef.current.scrollTop = 0;
  }
  

改变 infiniteScroll 的 key 值,或加在父级元素上
key值随需求刷新–(Math.random().toString(36))随机数

key=Math.random().toString(36)

使用无限滚动需要注意的问题:

1、overflow属性是一定要有的,可以加到父节点或者自身上,否则会报错。
2、容器一定要被撑开并触底,这样才会触发v-infinite-scroll上绑定的方法。
3.添加key

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐