uniapp 防止重复点击

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uniapp 防止重复点击相关的知识,希望对你有一定的参考价值。

参考技术A 两种办法

⚠️ 这样写有个问题,如果当前页面进来需要请求多次,那就会出现loading显示后隐藏在显示在隐藏。因为每次请求都会出现loading框。不建议这样写,有更好的办法,欢迎指点!

⚠️ 目前我用的这种,在需要的位置重复写。大家有好的办法,欢迎指点一二!

防止重复点击

连接:https://blog.csdn.net/joyhen/article/details/43230295

为了防止频繁点击按钮,可以采用一个策略,点击一次后让按钮灰掉,暂时不可以用,一段时间后再可以用,伪代码如下:

            var clicktag = 0;  
            $(‘.a_cc‘).click(function () {  
                if (clicktag == 0) {  
                    clicktag = 1;  
                   
                    alert(‘click触发了‘);  
                    setTimeout(function () { clicktag = 0 }, 5000);  
                }  
            });                  

 

以上是关于uniapp 防止重复点击的主要内容,如果未能解决你的问题,请参考以下文章

uniapp项目中防止用户重复提交

uniapp每次点击按钮都重新请求数据

uni-app 手势事件解析,uni点击方法

Swift 防止按钮重复点击

简单 js 实现防止重复点击

vue中防止按钮重复点击提交的方法