UI组件库---vantList组件接口多次调用大坑问题

问题描述:当使用refesh下拉操作时,vanlist组件会多次调用(大概三次)!
解决方案:

1、接口错误的时候,大量重复请求。

可能接口错误时vant3内部某些变量没重置,导致一直重复请求,解决方法是接口返回不成功finished设置成true

2、设置属性offset的值为50或以上!提高list触底时机,防止onload事件多次触发!

 vant-list API:

 代码示例:
<van-pull-refresh v-model="loading" @refresh="onRefresh">
  <van-list
  :offset="50" /*关键代码*/
  v-model:loading="loading"
  :finished="finished"
  finished-text="没有更多了"
  @load="onLoad"
>
  <van-cell v-for="item in list" :key="item" :title="item" />
</van-list>
</van-pull-refresh>

相关推荐

  1. Vue UI

    2024-07-10 16:34:07       18 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-10 16:34:07       5 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-10 16:34:07       5 阅读
  3. 在Django里面运行非项目文件

    2024-07-10 16:34:07       4 阅读
  4. Python语言-面向对象

    2024-07-10 16:34:07       5 阅读

热门阅读

  1. C组暑假第一次训练题解

    2024-07-10 16:34:07       8 阅读
  2. 构建基于Spring Boot的数据分析平台

    2024-07-10 16:34:07       11 阅读
  3. 每天一个数据分析题(四百零十)- 主成分

    2024-07-10 16:34:07       8 阅读
  4. 卷积神经网络:目标检测的黄金钥匙

    2024-07-10 16:34:07       12 阅读
  5. Pandas 基础 —— 探索数据分析的第一步

    2024-07-10 16:34:07       11 阅读
  6. MyBatisPlus

    2024-07-10 16:34:07       7 阅读
  7. Android 通用视频组件开发

    2024-07-10 16:34:07       12 阅读
  8. 目标检测算法详细介绍!

    2024-07-10 16:34:07       8 阅读
  9. 中医四大经典之 No.1

    2024-07-10 16:34:07       10 阅读
  10. 支持向量机(Support Vector Machine,SVM)

    2024-07-10 16:34:07       8 阅读
  11. vue2 、 vue3首屏优化,减少白屏时间

    2024-07-10 16:34:07       9 阅读