可以使用lodash库中的debounce函数来实现防抖。首先需要导入lodash库。

import debounce from 'lodash/debounce';

然后将getGuessLikesData函数进行包装,使用debounce函数设置一个延迟时间,当该时间内多次调用该函数时,只会执行最后一次调用。

const getGuessLikesData = debounce(async () => {
  if (finish.value)
    return uni.showToast({
      title: '没有更多数据了',
      icon: 'none',
    })
  loading.value = true
  const { items, pages } = await getHomeGuessLikes({
    page: pageData.page,
    pageSize: pageData.pageSize,
  })
  homeGuessLikes.value.push(...items)
  if (pageData.page >= pages) {
    finish.value = true
  }
  loading.value = false
  pageData.page++
}, 500); // 设置延迟时间为500毫秒

// 调用函数
getGuessLikesData();

这样就实现了对getGuessLikesData函数的防抖处理,确保在短时间内多次调用时只执行最后一次调用

const getGuessLikesData = async = if finishvalue return unishowToast title 没有更多数据了 icon none loadingvalue = true const items pages = await getHomeGuessLikes page pageDatapag

原文地址: https://www.cveoy.top/t/topic/iptW 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录