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

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

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

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

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

vue.js官方文档代码段

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

你可能感兴趣的:(vue如何解决用户多次发送请求?)