van-list会多次触发onLoad事件

最新推荐文章于 2024-07-09 12:47:01 发布
最新推荐文章于 2024-07-09 12:47:01 发布
阅读量3.6k 收藏 3
点赞数 3
分类专栏： vue
大把小米
本文链接：https://blog.csdn.net/qq_46012777/article/details/114022965
版权

1.List 初始化后会触发一次 load 事件，用于加载第一屏的数据，这个特性可以通过immediate-check属性关闭。
2.根据有无数据来控制是否展示van-list，因为有时候页面初始化没有数据时vant-list也会触发一次

大把小米
关注
专栏目录
vant list列表页点击搜索删选，load方法触发多次
qq_40685103的博客
03-07 976
vant list列表页点击搜索删选，load方法触发多次
关于Vant-list 上拉加载以及下拉刷新问题
qq_38098424的博客
02-07 5746
关于Vant-list 上拉加载以及下拉刷新问题 第一步引入 import { Notify, Dialog, Image, List, PullRefresh } from 'vant' import Vue from 'vue' Vue.use(Image).use(List).use(PullRefresh) 第二步 <van-pull-refresh v-model="refres...
vant组件库中使用van-list组件中load加载事件触发多次的问题
weixin_49203377的博客
12-03 6655
背景：在使用vant UI组件库的时候，当列表加载到底部的时候，可以结合load加载事件，继续获取下一页的数据 但是和tab切换结合的时候，就会出现问题了，比如第一个tab下面我进行了忘下滑动的滚动事件，然后我再切换到第二个tab下面，这时候，又会自动执行了一遍加载事件（感觉1.应该是刚开始没有数据，然后直接到底部了，所以唤起了load事件2.第一个列表由于往下滑动了，所以滚动条还在刚才滑动下去的位置，所以直接到底了又触发了load加载事件） 所以针对这两个问题 做了以下处理 1.首先页面上 loa
vant中List组件中load事件触发多次问题
qq_34797972的博客
08-20 1万+
是否设置的加载数据不够占满屏幕 List中的数据不够占满屏幕则会触发load事件，产生重复加载现象。可以将一次加载的数据量增大来解决此问题。 父级容器是否出现overflow:scroll的属性，去掉即可。 如果在 html 和 body 标签上设置了overflow-x: hidden样式，会导致 List 一直触发加载。这个问题的原因是当元素设置了overflow-x: hidden样式时，该元素的overflow-y会被浏览器设置为auto，而不是默认值visible，导致 List..
使用van-list 重复触发onLoad 的问题
weixin_43666952的博客
06-11 1244
在对公司项目进行H5开发的时候，在使用van-list进行上拉加载的时候，按照文档进行了配置，发现总是首次加载初始化时正确的，但是上拉到底部触发第二页的时候就会像漏斗一样堵不住，一溜烟的加载请求后面好几页，样式上也不存在超出隐藏的样式问题，就是一上拉就突突突的加载很多，调整了很久才发现自己每次请求都是直接赋值而不是数组push到一个数组里面，导致每次请求后的页面高度都是在页面底部所以会一直触发onLoad方法就会请求接口多次。
vant-list使用，请求接口之后会多几次load加页面
qq_43468165的博客
03-01 2985
5页（极端假设）的情况下，如果你的内容小于了可是窗口，第一导致load不能触发，第二侥幸可视窗口高度本来就小，能滚到底load触发了，你可能在tab0的时候成功获取了page=2的内容了，但在切换tab时候就开始不受控值乱掉接口了。是因为产品在设置时候是会考虑到，触底加载事件的触发的。那上面描述这种情况，tab切换了，又进行自动加载数据的情况前端就不要想着制止了（更全面的来说，可控但是真没必要前端增加额外参数来控制了），因为van-list 也是害怕你填不满页面，实现不了下一步滚动在帮你加载充足数据上来。
van-list的onload事件多次触发的问题
老电影故事的博客
12-04 2023
这个问题的原因是当元素设置了 overflow-x: hidden 样式时，该元素的 overflow-y 会被浏览器设置为 auto，而不是默认值 visible，导致 List 无法正确地判断滚动容器。如果一次请求加载的数据条数较少，导致列表内容无法铺满当前屏幕，List 会继续触发 load 事件，直到内容铺满屏幕或数据全部加载完成。如图所示，页面刷新的时候，调了3次接口（总共27条数据，我分页10条），一直莫名奇妙的。原来是这个overFlow的问题！
vue vantUI tab切换时 list组件不触发load事件的问题及解决方法
10-15
因为listLoading被用作List组件的prop或是依赖的计算属性，组件会在listLoading值变化后重新计算其依赖，并触发组件的重新渲染，这样List组件的load事件就可以在切换到新Tab后被正确触发了。 通过这种方式，可以...
vant-ui框架的一个bug(解决切换后onload不触发)
01-22
List 列表 瀑布流滚动加载，用于控制长列表的展示 先说使用 1.用npm下载该模块包 npm i vant -S 2.引入组件 官方提供了三种方法。（我使用了第三种，全局引入方法） 方式一. 使用 babel-plugin-import (推荐) ...
van-list加载页面的时候就触发了onLoad方法，怎么解决
06-02
<van-list :onLoad="onLoad"> <!-- List Content --> </van-list> export default { data() { return { showList: false, // other data }; }, mounted() { // 页面加载完成后再显示列表 this....
vant 中van-list的用法说明
01-18
van-list里面的元素不能有float样式，否则会连续触发 load 事件 原代码 <van-list :finished
使用vant List列表，点击tab切换触发onLoad事件，造成两次请求
qq_45186619的博客
06-07 2417
wu
UI组件库---vantList组件接口多次调用大坑问题
最新发布
COCOLI_BK的博客
07-09 612
问题描述：当使用refesh下拉操作时，vanlist组件会多次调用（大概三次）！
vant List 列表组件分页加载更多关于清空数据后多触发一次网络请求问题
weixin_45965766的博客
04-21 635
切换查询分类或搜索等场景需要先把原来的数据项清空,这时如果已不是第一页数据清空后List组件会触发触底load事件,在@load中写的网络请求就会执行,加上自己主动调用的请求就多了一次,这里加上this.loading = true阻止触发load事件。配置immediate-check为false可以阻止初始化时立即执行滚动位置检查触发load事件。
vant List组件实现上拉加载中 首次进行load事件执行两次的问题
zuo-yiran的博客
07-06 2584
list组件上拉加载第一次加载去执行load事件时，该事件执行两次的问题解决
快速纪录：有赞 Vant van-list组件的坑之：load 事件莫名连续触发两次
iaaiNG的博客
12-11 1万+
废话不说，直接上例子 <template> <div> <van-list class="img-container" v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad" > ...
vant 框架van-list重复触发加载函数的问题
热门推荐
木豪末的博客
03-07 1万+
在使用van-list组件的时候，为了隐藏ios手机右侧的滚动条，我给了组件一个overflow-x:hidden属性，官方说这个属性会导致重复触发van-list的加载，但是我去掉这个属性仍然不管用，而且这个属性又是必须保留的，最后我又给了他一个固定的高度，就不会重复触发加载了，注意一定要是固定的高度，设置height:100%仍然是不管用的，记录一下这个问题 ...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值