热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

Vuetify:油门/反跳v自动完成

如何解决《Vuetify:油门/反跳v自动完成》经验,为你挑选了1个好方法。

我正在使用带有远程数据的Vuetify自动完成功能,并且我想限制/消除API调用(当用户在自动完成功能中键入文本时,请等待500毫秒以调用API)。我怎样才能做到这一点?

我看到了有关该debounce-search属性的Stack OverFlow帖子,但是对我来说不起作用,并且我也没有看到有关此属性的任何Vuetify文档。



1> tony19..:

您可以在执行API调用的函数中添加反跳。可以使用setTimeout和来实现去抖动器clearTimeout,以便延迟新的呼叫并取消任何未决的呼叫:

methods: {
  fetchEntriesDebounced() {
    // cancel pending call
    clearTimeout(this._timerId)

    // delay new call 500ms
    this._timerId = setTimeout(() => {
      this.fetch()
    }, 500)
  }
}

这样的方法可以被结合到观察者上search-input的支柱v-autocomplete




演示


推荐阅读
author-avatar
袁善恩芷恩
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有