vant 组件下拉刷新

Vant 组件库中，可以使用 PullRefresh 组件来实现下拉刷新的功能。

使用步骤如下：

首先，确保你已经安装了 Vant 组件库，并正确引入了该组件。
在需要使用下拉刷新的页面中，添加 PullRefresh 组件，并绑定相应的事件。

<template>
  <div>
    <van-pull-refresh v-model="refreshing" @refresh="onRefresh">
      <!-- 内容区域 -->
    </van-pull-refresh>
  </div>
</template>

<script>
export default {
  data() {
    return {
      refreshing: false // 是否处于刷新状态
    };
  },
  methods: {
    onRefresh() {
      // 下拉刷新触发的事件，可以在这里发送请求获取最新数据
      // 请求完成后，将 refreshing 置为 false 结束刷新
      setTimeout(() => {
        this.refreshing = false;
      }, 1000);
    }
  }
};
</script>

在 onRefresh 方法中，你可以发送请求获取最新数据，并在请求完成后将 refreshing 置为 false，结束刷新状态。

这样，当用户下拉页面时，就会触发 onRefresh 方法，你可以在该方法中进行相应的操作，例如发送请求获取最新数据，并更新页面内容。

注意，还可以通过设置 PullRefresh 组件的属性来自定义下拉刷新的样式、文案等。具体的属性和事件，请查阅 Vant 官方文档