VantUI之List组件重复加载两次的问题解决方案

VantUI是有赞团队开发的一款Vue移动端UI框架组件,方便开发者快速构建网页的UI,大大降低了对CSS的硬性要求。对于我这种后端转前端的码农来说是极大的福利。


用过VantUI的开发者肯定会遇到这个问题,就是当你在使用List组件的时候,把初始化时立即执行滚动位置检查immediate-check关闭的同时,你会发现List有的时候会莫名其妙的重复执行两次。
今天给大家一个比较巧妙的解决方法。

解决List组件重复加载的问题

//把v-model中的loading初始值改成true,这样就有效的阻止一次onLoad
<van-list
    v-model="loading"
    :finished="finished"
    finished-text="没有更多了"
    @load="onLoad"
  >
    ...
  </van-list>
KK资源网分享最优质的的资源,涵盖网站建设、IT技术、主题源码
KK资源吧 » VantUI之List组件重复加载两次的问题解决方案

发表评论