当前位置: 首页 > article >正文

van-list的onload事件多次触发的问题

一、问题描述

在这里插入图片描述
如图所示,页面刷新的时候,调了3次接口(总共27条数据,我分页10条),一直莫名奇妙的
我期望是默认加载第一页,然后我上拉的时候再push第二页的数据

二、解决方法

还是要多看文档

1、为什么会连续触发 load 事件?

如果一次请求加载的数据条数较少,导致列表内容无法铺满当前屏幕,List 会继续触发 load 事件,直到内容铺满屏幕或数据全部加载完成。

因此你需要调整每次获取的数据条数,理想情况下每次请求获取的数据条数应能够填满一屏高度。

2、在 html、body 上设置 overflow 后一直触发加载?

如果在 html 和 body 标签上设置了 overflow-x: hidden 样式,会导致 List 一直触发加载。
在这里插入图片描述
原来是这个overFlow的问题!!!!!

这个问题的原因是当元素设置了 overflow-x: hidden 样式时,该元素的 overflow-y 会被浏览器设置为 auto,而不是默认值 visible,导致 List 无法正确地判断滚动容器。解决方法是去除该样式,或者在 html 和 body 标签上添加 height: 100% 样式。


http://www.kler.cn/news/156131.html

相关文章:

  • 2023年12月4日-12月10日(周一到周五osg,渲染等,周六日ue)
  • 音频处理关键知识点
  • 在内网开发中使用Nginx代理来访问钉钉新版服务端API
  • 数据结构 | 查漏补缺之ASL、
  • 项目demo —— GPT 聊天机器人
  • JavaWeb-XML
  • C++构造函数与析构函数介绍
  • 45 - 多线程性能优化常见问题
  • element ui 表格合计项合并
  • RK3568平台开发系列讲解(Linux系统篇)通过OF函数获取属性
  • [leetcode ~模版] 周赛模版
  • UE学习C++(1)创建actor
  • notepad++ 插件JSONView安装
  • 大数据技术学习笔记(七)—— Zookeeper
  • Leetcode—1423.可获得的最大点数【中等】
  • solidity实现ERC20代币标准
  • MySQL数据库,初学SQL知识点引入
  • Elk+Filebeat+Kafka实现日志收集
  • Pandas进阶:拼接 concat 使用方法
  • 【EasyExcel实践】万能导出,一个接口导出多张表以及任意字段(可指定字段顺序)
  • Kubernetes1.27容器化部署Prometheus
  • YoloV8改进策略:Swift Parameter-free Attention,无参注意力机制,超分模型的完美迁移
  • 2024美赛数学建模资料---100%获奖资料
  • Selenium 学习(0.17)——软件测试之测试用例设计方法——白盒测试——逻辑覆盖法(条件覆盖和条件判定覆盖)
  • openGauss学习笔记-140 openGauss 数据库运维-例行维护-例行维护表
  • java学习part27线程死锁
  • 数据库-PostgreSQL学习笔记
  • Presto:基于内存的OLAP查询引擎
  • C/C++ 整数二分以及浮点数二分
  • 项目实战一-性能测试筑基