vue/cli/vant 怎么实现上拉加载,下拉刷新
转载
1.写代码时容易犯的错
1.在使用 <van-list>上拉加载,下拉刷新时没有设置
:immediate-check="flag" flag为false时页面一打开就会触发onLoad()事件所以一定要写
2.再点击其他的type时或者关键字时 this.page=1要写上 this.finished=false要设置在search()方法的头部因为this.finished会变成true如果不设置, 那么this.finished一直为true那么onLoad事件就不会加载数据
3为什么要使用上拉加载,下拉刷新是因为数据请求的时候设置的_page,只有一页的数据,通过onLoad事件进行page加一,此时需要判断每个类别的total总数,这个total总数在created生命周期里面进行赋值,方法时请求数据,通过请求数据得到的集合的长度再把这个长度赋值给total就行了,因为要进this.finished=true的操作不然就一直请求数据 ,其余的type的total怎么求,也是需要通过请求数据来进行的请求数据的条件,就是传给后的条件是在动态的创建一个对象这个对象里面包含两个属性一个是q,和type此时也需要对type进行判断。
4关于this.list是赋值还是追加要进行判断第一页是赋值,不是一页就是追加,追加的语法是this.list=[...this.list,...list]
5.在进行下拉刷新这个操作时没有进行this.list.length=0这个操作而是写了this.page=1说是会覆盖
this.refreshing = false; //表示可以再次下拉
loading: false, //表示加载状态
finished: false, //数据是否已经请求完毕
refreshing:false,//下拉的状态
本文章为转载内容,我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题,欢迎原作者联系我们进行内容更正或删除文章。