移动端完成页面上拉加载效果

101 阅读1分钟

完成上拉加载效果

  1.  注册导入到vant.js中list组件
    
  2.  把需要做上拉加载的内容包起来
    
  3.  添加绑定属性:
       -  v-model="loading" 默认值是false
       -  :finished="finished"  默认值也是false
       -  finished-text="没有更多了"
       -  @load='load'
    
  4.   4.完成请求将v-model的值改为false
    
  5.   5.数据累加,利用数组.push
    
  6.   6.调整页码
    
  7.   7.判断是否加载完成,当列表总条数>=接口总条数,如果完成,将finished=true 
    

list上拉效果组件使用.png

1.png

2.png

3.png