无限的加载

// 无限加载
const disabled = ref(false)
const load = async () => {
  console.log('在加载一下')
  reqData.value.page++
  // 重新发送请求
  const res = await getSubCategoryAPI(reqData.value)
  goodsList.value = [...goodsList.value, ...res.result.items] //拼接原有数据 和 新加载的数据

  // 监听数据是否触底
  if (res.result.items.length === 0) {
    disabled.value = true
  }
}

<div
        class="body"
        v-infinite-scroll="load"
        :infinite-scroll-disabled="disabled"
      >
        <!-- 商品列表-->
        <GoodsItem
          v-for="good in goodsList"
          :good="good"
          :key="good.id"
        ></GoodsItem>
      </div>