vant 中的SwipeCell踩坑 onLoad 不触发的问题 List 列表 上拉加载

最近我咋做H5移动端的时候,用了一个新的框架 vant 在使用后感觉还是可以的 但是我在做分页加载的时候遇到一个坑 就是用到了框架中是上拉加载 《 List 列表 》

问题复现

   <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
			<van-cell v-for="item in list" :key="item" :title="item" />
	</van-list>

根据文档提示 在内容会触发在到达底部的时候会触发 onLoad 在这里插入图片描述
需要注意的是这句话 触发onLoad的时候回将loading设置成true 《但是你没告诉我onLoad这玩意你上来就触发啊》

所以导致就是我们的onLoad 当页面明明滑到底了就是不触发

这时loading是=true的 所以不会去触发onLoad

解决办法

        在我的们的 onLoad  事件中加上  ‘ this.loading = false’ 

在这里插入图片描述

这时就会触发onLoad 了

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值