具有超时的Vue异步方法

Question

我正在使用spatie datatables组件，以异步方式并分页检索数据。

我想要的是在发出ajax调用以获取数据之前，在过滤器框中的每个键入之间允许延迟。

通常，在JavaScript中，我会通过在输入上添加keyup事件并设置超时来执行此操作，但是我不确定如何使用Vue组件执行此操作。

我当前的组件方法如下；

async fetchData({ page, filter, sort }) {

    const response =  await axios.get(this.getUrl(), this.getParams({
        page: page,
        filter: filter,
        sort: sort
    }));

    return response.data;
}

Answer 1

您可以看看与lodash.debounce方法的组合。这里发布了类似的问题：How can I debounce using async/await?

Answer 2

您可以在Lodash Throttle and Debounce with vuejs

中使用vuejs查看lodash节流阀和去抖动示例