pull-refresh-vue3

Example

<template>
  <pull-refresh v-model="loading" @refresh="onRefresh">
    <p>刷新次数: {{ count }}</p>
  </pull-refresh>
</template>

import { ref } from 'vue'
import PullRefresh from 'pull-refresh-vue3'
export default {
  components: {
    PullRefresh
  },
  setup() {
    const count = ref(0);
    const loading = ref(false);
    const onRefresh = () => {
      console.log('refresh')
      setTimeout(() => {
        loading.value = false;
        count.value++;
      }, 1000);
    };

    return {
      count,
      loading,
      onRefresh
    };
  }
}

props

Events