最近我咋做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 了