如何在 Vue.js 中延迟 @keyup 处理程序

ns-input#filterName(type="text", v-model="filterName", @keyup="searchTimeOut()")

getUsers() {
   .
   .
   .
   API.users.index(params).then(blabla);
   .
   .
   .
},

searchTimeOut() {
  let timeout = null;
  clearTimeout(timeout);
  // Make a new timeout set to go off in 800ms
  timeout = setTimeout(() => {
    this.getUsers();
    console.log("hi")
  }, 800);
},

searchTimeOut() {  
    if (this.timer) {
        clearTimeout(this.timer);
        this.timer = null;
    }
    this.timer = setTimeout(() => {
        // your code
    }, 800);
}

Vue.js相关问答推荐

在哪里可以找到在线沙箱 Vuetify 3 模板来创建最小的可重现示例？

Vue.js 3 运行时挂载组件实例

如何在 Nuxt3 中使用 nuxtjs/auth-next 模块？

Nuxt3-Vue中的useRoute和useRouter有什么区别

webpack vue-loader 配置

Vue watch 意外调用了两次

如何在 vue.js 2 的其他组件中调用方法？

当前端和后端位于虚拟 docker 网络中时，如何使用 axios 寻址后端主机

如何在 vue 3 脚本设置中的组件上使用 v-model

将自定义部分添加到 v-autocomplete 下拉列表

如何从 .vue 文件中导出多个对象

如何从 vue.js 中的自定义组件中冒泡点击事件？

Amazon EC2 错误：监听 EACCES 0.0.0.0：80

错误：[vuex] 期望字符串作为类型，但发现未定义

Laravel 事件未广播

Vue如何将动态ID与v-for循环+字符串中的字段连接起来？

Laravel 和 Vue - handler.call 不是函数

构建 Vue.js 应用程序时 JavaScript 堆内存不足

如何在 NuxtJS 中设置全局 $axios 标头

返回 VueJS 方法的Native Code消息