javascript - 如何在500ms后调用vuejs方法

Question

我正在研究一种搜索方法，它在每次按键时调用ajax，但我希望它在我开始输入时500毫秒后调用，请建议这样做。

Answer 1

您可以使用debounce来自lodash ，示例实现如下所示:

<input v-on:keyup="debounceInput">

import _ from 'lodash'
....
methods: {
  debounceInput: _.debounce(function (e) {
    //Your code here
  }, 500)
}

vue.js 建议使用 lodash 的 debounce docs也是如此。

您还可以使用debounce NPM 包，上面的例子在 debounce 后将如下所示:

<input v-on:keyup="debounceInput">

import debounce from 'debounce'
....

methods: {
  debounceInput: debounce(function (e) {
    //Your code here
  }, 500)
}