如何在异步功能上使用 debounce？ [复制]

Question

如何在async 函数上使用debounce？我在我的vue-app 中有一个方法，它从一个 API 中获取数据，该 API 连续调用我想要避免的 API。

这是我的方法：

methods: {
    async getAlbums () {
     const response = await AlbumService.fetchAlbums()
     this.albums = response.data.albums
    } 
}

我之前已经安装了lodash，那么我该如何实现呢？

Answer 1

Lodash 的 debounce 函数接受一个函数，等待时间并返回一个函数。

所以这样做：

methods: {
  getAlbums: _.debounce(async function() {
    const response = await AlbumService.fetchAlbums();
    this.albums = response.data.albums;
  }, 1000);
}