vue如何解决用户多次发送请求?

       最近在啃vue.js的中文文档,计算属性与侦听器这一章节,熟悉又陌生的watch侦听器,虽然计算属性在日常中应用非常多,但是有时也需要侦听器watch提供一个更有用的方法。例如在数据变化执行异步或开销较大的时候,watch提供的方法更有用。

       恰巧今天遇见微信的表情包发送限制(刷屏),表情包动图等都比较大,连续多次发送,积攒的数据量太大,所以微信也限制了发送的频率与次数,最后查阅微信后,需要后台清理微信数据。

       关于限制访问频率的设置:每一个用户在浏览各种网站时,少不了注册登录这些基本交互,有时候由于服务器的原因一直未响应,用户可能会多次点击按钮,响应迟迟未成功,积攒的网络请求过多。解决这种问题的最简单方法就是当用户点击的时候同时将此按钮设置disabled,不过这个方法一次性的,一旦错误或者未填,想更改发现点击按钮毫无反应,维护将是很麻烦的。

       vue.js官网实例代码使用watch选项执行异步操作(访问一个API),限制了访问频率,在500毫秒之中无论用户点击多少次,代码都只会执行一次,并且在最终结果之前,会有中间状态。

vue.js官方文档代码段

           关于_.debounce的方法文档查阅

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,026评论 19 139
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,019评论 3 119
  • 2018年9月5日开始加入《简书》行列。之前发布的三篇西藏的文字,是为了纪念(2108年7月28-8月8日。由1...
    青青蘅芜院阅读 348评论 5 2
  • 一、《唤醒心中的巨人》解剖自己表格 项目 现实的我 别人眼中的我 理想的我 生活方式 规律的作息,养生的饮食,充满...
    Twinkle_L阅读 506评论 0 0
  • 你好
    丿刂阅读 152评论 0 0