vant 组件 移动端实现上拉刷新

工作中如果有您解决不了的问题或者您花费2小时还没解决的问题，这里可以有偿帮您高效直接解决bug，我们团队的微信号是18062748486；如加微信，请备注“Bug 解决“；

一般在项目中，如果是用了vant组件的，会先在全局注册，这样每个vue组件都可以使用vant组件

以下代码再某个在你要写上拉刷新的组件中写

<van-pull-refresh v-model="upLoading" @refresh="onRefresh" v-else>
<!-- 内容 -->
</van-pull-refresh>

export default {
  name: 'home',
  data() {
    return {
      upLoading: false, //下拉刷新开关
    }
  },
  methods:{
    //下拉刷新
    onRefresh() {
      setTimeout(() => {
        //在这里写这个页面渲染需要加载的所有接口方法
        this.upLoading = false //关闭上拉加载
      }, 1000) //设置刷新时间
    },
  }
}