当前位置: 首页 > 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/a/156131.html

相关文章:

  • C++编程技巧与规范-类和对象
  • 阿里云通义大模型团队开源Qwen2.5-Coder:AI编程新纪元
  • Ceph 中Crush 算法的理解
  • 数字孪生在智慧能源项目中的关键作用,你了解多少?
  • 从社交媒体到元宇宙:Facebook未来发展新方向
  • 免费,WPS Office教育考试专用版
  • 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实践】万能导出,一个接口导出多张表以及任意字段(可指定字段顺序)