Vant实现下拉新增数据

效果图如下(图片较大,请稍后)

效果就是实现下拉更新数据 然后 当没有数据的时候 让他提示一个'没有更多了'的字符串

首先我们打开vant的线上文档 找到list

 大家在看我笔记的时候 先阅读两遍上面的基础用法 

然后我给大家简单演示下如何使用

这里我是用van-list包含需要刷新的文章列表

  data () {
    return {
      articleList: [],
      loading: false, // 底部加载状态
      finished: false, // 数据是否全部加载完成
      nextTime: new Date() // 请求下页的文章数据-开头文章的发布时间 来自于上一次响应值的pre_timestamp
    }
  },

 data内 存入 loading 和finished 

而各项的属性分别代表着底部加载状态和数据是否全部加载完成

还有很多其他项  大家可以看看下面

v-model:关联底部加载状态

loadi