如何在异步函数上使用去抖动? [复制]

2023-11-26

我该如何使用debounce on an async功能?我内部有一个方法vue-app 从一个 API 接收数据,该 API 不断调用我想避免的 API。

这是我的方法:

methods: {
    async getAlbums () {
     const response = await AlbumService.fetchAlbums()
     this.albums = response.data.albums
    } 
}

我已经安装了lodash以前那么我怎样才能实现这一目标呢?


洛达什的debouncefunction 接受一个 function 、等待时间并返回一个函数。

所以这样做:

methods: {
  getAlbums: _.debounce(async function() {
    const response = await AlbumService.fetchAlbums();
    this.albums = response.data.albums;
  }, 1000);
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在异步函数上使用去抖动? [复制] 的相关文章

  • 使用 Ajax Jquery post 请求进行 Json 劫持

    昨天 我读了一些关于如何预防的好文章使用 Asp Net MVC 进行 Json 劫持 http haacked com archive 2009 06 24 json hijacking aspx 规则是 永远不要通过 get 请求发送
  • JAVASCRIPT - 为什么这个对象没有改变?

    function myFunc theObject theObject make Ford model Focus year 2006 var mycar make Honda model Accord year 1998 var x my
  • Javascript 对象属性名称

    在 C 中 可以将对象属性的名称作为字符串值获取 名称 对象 Property gt myProperty 这可以在 Javascript Typescript 中完成吗 Object Keys 是我找到的唯一东西 但它给了我所有的键 示例
  • jQuery:查找具有特定自定义属性的元素

    我只想找到具有特定自定义属性值的元素 例如 我想找一个div其具有属性data divNumber 6 var number 6 var myDiv data divNumber number 我尝试使用http api jquery co
  • 如何在React Native的MapView中设置标记

    我想在React Native中的MapView上设置一个标记 但是通过官方文档找不到任何信息MapView https facebook github io react native docs mapview html content 如
  • Vuetify:v-ripple 只能用于块级元素

    我今天刚开始收到此错误 它破坏了我的整个网站 因为我像个傻瓜一样在页面加载时加载 Vuetify 有谁知道这意味着什么或如何解决它 谷歌搜索没有发现任何有用的信息 Edit 对于因网站也损坏而发现此问题的任何人 这可能是因为您加载的位置vu
  • Angular UI 路由器嵌套视图问题

    我在理解 Angular UI Router 嵌套视图的工作原理时遇到了一些问题 我的 stateProvider 看起来像这样 stateProvider state login url login views main template
  • JavaScript 相当于 Python 的参数化 string.format() 函数

    这是 Python 示例 gt gt gt Coordinates latitude longitude format latitude 37 24N longitude 115 81W Coordinates 37 24N 115 81W
  • 如何通过setTimeout函数定期打印数字?

    var i 0 function counter for i i lt 100 i setTimeout gt console log i 2000 counter 我想以 2 秒的间隔打印 i 但它立即打印 每次打印调用只需要几微秒 为什
  • 正则表达式中连字符的这种用法有效吗?

    NB I only想知道它是否是正则表达式定义中未转义连字符的有效应用 它是not关于匹配电子邮件 连字符或反斜杠的含义 量词或其他任何内容的问题 另外 请注意 链接的答案并没有真正讨论转义 未转义连字符之间的有效性问题 通常我会像这样声明
  • 检查用户设备的 GPS 是否开启

    我正在使用 jQuery Mobile 和 PHP 开发一个应用程序 我没有使用 Phonegap 或其他框架 我需要找到用户的geolocation 如果用户设备的 GPS 关闭 那么我无法获取位置 现在我需要查找用户设备的 GPS 是否
  • 使用javascript以编程方式触发iOS safari中的复制菜单?

    我正在尝试实现一种用户友好的方式 将一些文本从文本输入字段复制到 iOS Safari 上的剪贴板 我知道无法在这个平台上以编程方式完成此操作 但我希望能够尽可能地指导用户体验 在 iOS Safari 上 当用户手动突出显示某些文本时 会
  • 播放没有音频标签的音频

    是否可以在没有音频标签的情况下仅使用 javascript 播放音频 我通过 tinyMce 编辑器注入脚本 因为我无权访问网站的后端 并且它不支持客户端的音频标签 她只想要当您将鼠标悬停在图像上时发出简单的声音 我已经完成了所有设置 但是
  • 如何在React中动态分配属性?

    这是一个有两个参数的函数 我要创建的标签的名称 具有以下属性的对象 Using React 我创建一个组件并将该元素渲染到 DOM 问题是我想向元素添加属性 但它不允许循环在元素内设置属性 var Element function elem
  • 在反应中访问回调内的 event.target

    我有以下课程片段 constructor props super props this timeout null search e gt clearTimeout this timeout this timeout setTimeout f
  • 了解 Document.createElement()

    我在用着GWT及其底层DOM能力 我基本上想要实现的是 Have a div包含一些文本的元素 其中一些文本将被包围span元素 span 元素可相互拖动并提供上下文菜单 New span元素可以由最终用户动态创建 它可能是这样的 在应用程
  • onPress 方法中箭头函数与普通函数的行为

    正在学习 Native React 并学习更多关于 javascript 的知识 所以我仍然不明白它的行为的很多事情 我使用 TouchableOpacity 及其 onPress 属性创建了一个按钮组件 为了让它工作 我必须发送我想要执行
  • jQuery Mobile + Admob:轮换?

    我使用 jQuery Mobile 框架创建了一个移动应用程序 所有页面都在index php中加载 使用 div 在每个页面的页脚中 我添加了Admob代码 div div div
  • 将 html 文本框的值分配给 div 的标题

    line 1
  • 如果 POST 响应仅包含 ID,如何将数据保存到我的 Ember 存储?

    Ember 数据期望我的服务器在每次成功后返回完整的对象POST 但是 我的 API 只返回一种元对象 其中包含id 当 Ember 收到此对象时 记录中的现有数据将被删除 除了id 例如 当我这样做时 var asset App Asse

随机推荐

  • 为什么 C++ 标准库中没有 std::thread_pool ?

    我觉得奇怪的是 尽管有大量的多线程构造 但该标准却缺少线程池类 什么原因可能会阻止委员会将其添加到标准中 C 与 C 一样 旨在为程序员提供尽可能多的控制权 C 中的几乎所有内容都是一个非常简单的包装器 这使程序员可以自由地实现他们想要的任
  • Oracle MIN 作为分析函数 - ORDER BY 的奇怪行为?

    这种特殊情况是从一个示例中提炼出来的 在该示例中 程序员假设对于两次装运到罐车的货物 第 1 行将首先装载 我更正了这个问题 以允许以任何顺序执行加载 但是 我发现MIN OVER PARTITION BY 允许ORDER BY在 Orac
  • 为什么 C++ 不能用 LR(1) 解析器解析?

    我正在阅读有关解析器和解析器生成器的内容 并在维基百科的 LR 解析页面中找到了此声明 许多编程语言都可以使用 LR 解析器的某些变体进行解析 一个值得注意的例外是 C 为什么会这样呢 C 的什么特殊属性导致它无法用 LR 解析器进行解析
  • 获取一个 python docker 容器与 redis docker 容器交互

    我对 docker redis 和任何类型的网络都很陌生 至少我知道 python 首先 我已经弄清楚如何获取 redis docker 映像并在 docker 容器中运行它 docker run name some redis d red
  • SSRS网页错误状态代码500

    已经部署了许多引用相同视图的报表部分 但是其中一个无法在服务器上运行 我认为这可能是由于参数到位 其中包含各种字符 这是我收到的错误消息 有谁对如何解决这个问题有任何建议 Webpage error details User Agent M
  • Angular - 如何以百分比形式设置输入字段格式,但在编辑时删除百分比?

    我试图找到一种方法 在初始页面加载时以百分比 例如 97 52 显示 html 输入字段 通过角度服务获取到后端的数据 即可观察 订阅 但也有此输入字段松散 当我编辑它时 即引发 DOM 焦点 事件时 它是百分比格式 格式数据绑定到模型 我
  • 发送“var_dump”到 FireBug 控制台

    如你所知var dump 除了价值展示其数据类型 and length 有什么方法可以将其输出记录到火虫控制台 I tried FirePHP and 消防记录器但两者都只输出变量值 有时甚至是不正确的变量值 也许你需要的是这样的 func
  • Three.js - 在单个点云中使用多个纹理

    我正在尝试使用 ShaderMaterial 在单个点云中使用多个纹理 我将纹理数组与纹理索引属性一起传递给着色器 并选择要在片段着色器中使用的适当纹理 相关设置代码 var particleCount 100 var uniforms t
  • 如何对 android aab 捆绑包使用 ProductFlavors

    我尝试通过productFlavors 构建不同的Android 应用程序包 为了保存和测试文件 我需要一个固定的文件名 对于 APK 我有以下工作代码 applicationVariants all variant gt if varia
  • Android ListView - 在“整”行位置停止滚动

    抱歉 标题令人困惑 我无法非常简洁地表达问题 我有一个带有 ListView 的 Android 应用程序 它使用圆形 无限 适配器 这基本上意味着我可以根据需要向上或向下滚动它 并且当它到达顶部或底部时 项目将环绕 使其看起来对于用户来说
  • Kotlin - 不重复的随机数

    我有一个问题 如何防止随机数重复 顺便问一下 有人可以向我解释如何对这些随机数进行排序吗 override fun onCreate savedInstanceState Bundle super onCreate savedInstanc
  • 使用 Maven 程序集排除文件不起作用

    我有非常简单的程序集描述符
  • Typescript 实现具有相同键但不同类型的接口

    我有一个界面 export interface Foo a string b string 我现在想要另一个类 它实现接口的所有键 但可以有另一种类型 export class Bar implements keysof Foo a Som
  • 如果 HTTP 代码的curl getinfo 没有返回代码?

    我正在对 Web 服务进行正常的curl 调用 并通过以下方式获取返回的 HTTP 代码 code curl getinfo ch CURLINFO HTTP CODE 它确实返回给我 code 作为 200 这很好 但是从一周开始记录cu
  • 如何删除空关联数组条目

    我有一个关联数组 csv arr Array 0 gt Array Enfalac gt alpha linolenic acid 300 mg Enfapro gt alpha linolenic acid 200 mg 1 gt Arr
  • Push_back 与 emplace_back

    我对之间的区别有点困惑push back and emplace back void emplace back Type Val void push back const Type Val void push back Type Val 由
  • C# 将 MM dd yyyy 格式字符串转换为日期时间

    我有 MMddyy 格式的字符串 例如 112192 我需要将其转换为 DateTime 对象 如果我尝试分割字符串并使用new DateTime yy mm dd 但将年份设置为 0092 但我需要将其设置为 1992 我也尝试过这个 D
  • 在 edmx 中重命名列的最佳方法是什么?

    我正在使用实体框架 4 0 我的方法是数据库优先方法 在 edmx 中重命名列名称或更改列的数据类型的最佳方法是什么 提前致谢 要重命名列 在 SQL Management Studio 中重命名该列 在 EDMX 编辑器中 选择 从数据库
  • 在java EE中,我应该将哪些jar放在库目录中?

    我有一个 Java EE 项目 该项目使用 Maven 构建为 ear 存档 有一个包含JPA 2持久单元的库jar 它位于ear的库目录中 因此多个其他模块可以使用它 在将 Shiro 的 Permission 接口的实现添加为该持久性单
  • 如何在异步函数上使用去抖动? [复制]

    这个问题在这里已经有答案了 我该如何使用debounce on an async功能 我内部有一个方法vue app 从一个 API 接收数据 该 API 不断调用我想避免的 API 这是我的方法 methods async getAlbu