taro vue3 小程序 上拉刷新

在 Taro Vue3 小程序中，可以使用 `onReachBottom` 事件来实现上拉刷新。具体实现步骤如下：

1. 在 `template` 中添加 `scroll-view` 组件，并指定 `bindscrolltolower` 属性为 `onReachBottom`：

<scroll-view scroll-y="true" bindscrolltolower="onReachBottom">
  // 列表内容
</scroll-view>

2. 在 `script` 中定义 `onReachBottom` 方法，在该方法中触发数据加载：

import { onMounted, ref } from '@vue/runtime-core'

export default {
  setup() {
    const page = ref(1) // 当前页码
    const list = ref([]) // 列表数据

    const onReachBottom = () => {
      page.value++ // 加载下一页数据
      fetchData()
    }

    const fetchData = async () => {
      // 发送请求获取数据
      const res = await fetch(`https://example.com/api/list?page=${page.value}`)
      const data = await res.json()

      // 将获取的数据添加到列表中
      list.value = [...list.value, ...data]
    }

    onMounted(() => {
      fetchData()
    })

    return {
      list,
      onReachBottom
    }
  }
}

以上代码实现了一个简单的上拉刷新功能，当用户滑动到页面底部时，会触发 `onReachBottom` 方法，加载下一页数据并将其添加到列表中。