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

时间:2024-03-27 13:22:43

最近我咋做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 vant 中的SwipeCell踩坑 onLoad 不触发的问题 List 列表 上拉加载
需要注意的是这句话 触发onLoad的时候回将loading设置成true 《但是你没告诉我onLoad这玩意你上来就触发啊》

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

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

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

解决办法

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

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

这时就会触发onLoad 了