问答

vue,非按钮,如何禁止快速的重复点击事件在短时间内多次请求接

作者:admin 2021-04-20 我要评论

比如我现在有一个点赞的icon(图片形式,非button),点击会触发 likeOrCancelLike 方法 目前搜索到的方法大部分是通过 disable 属性来实现的,但是我这不是按钮,...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

比如我现在有一个点赞的icon(图片形式,非button),点击会触发 likeOrCancelLike 方法

目前搜索到的方法大部分是通过 disable 属性来实现的,但是我这不是按钮,所以此类方法都无法生效

###

设置个开关呗

likeOrCancelLike() {
    if(this.lock) return 
    this.lock = true
    axios.post().then(res => {
        this.lock = false
    })
}
###

函数节流或防抖

###

可以通过请求遮罩层或者axios拦截器
https://segmentfault.com/a/11...

###

做一个空div吧

###

按钮和非按钮 有区别吗?解决方法又不会变。无论是哪个都会有事件触发。在事件里提前处理就好了

###

节流,或者防抖函数的思维,一段时间内触发,只执行一次

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • nginx响应速度很慢

    nginx响应速度很慢

  • 点击选中的多选框,会在已选那一栏显示

    点击选中的多选框,会在已选那一栏显示

  • PHP 多态的理解

    PHP 多态的理解

  • 关于C语言中static的问题

    关于C语言中static的问题

腾讯云代理商
海外云服务器