如何在异步功能上使用反跳功能？

Question

如何debounce在async功能上使用？我的vue-app中有一个方法，该方法可从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);
}