button无关于防止屡次点击按钮 (button按钮的属性设置)
本文目录导航:
button无关于防止屡次点击按钮
其余状况,咱们可以在刚一开局的时刻设置为false,也就是可以点击,再点击之后再将其置为true,等恳求成功或许失败的时刻再置为false,这一点和提现是不一样的,由于提现用户没有输入金额的状况下,是制止点击的,差异在这个中央。
因网速慢,屡次点击形成数据重复,该怎样防止
最便捷的,就是等一会刷新一下,时期,不要重复操作。
详解小程序如何防止屡次点击,重复触发事情
作为前端开发,咱们经常会遇到的场景,比如用户点击失掉验证码按钮时,没有反响,大局部用户都会接着点击,这就会形成用户收到多条验证码,这是由于后盾api恳求比拟慢,而客户端体验又做得不到位,造成用户认为没点击到或许是页面假死,在上次恳求还没处置完,就再次点击按钮。
这关于咱们开发来说,这是bug。
如何处置或防止这个疑问呢?普通来说有两种状况。
1、点击事情是口头网络恳求(提交评论,验证码,支付)这种状况下可以在恳求口头之前显示一个形式的加载框,恳求实现后再封锁加载框。
由于小程序在1.1.0版本基础库才允许,因此须要对低版本做兼容处置,代码如下: function showLoading(message) { if () { // 基础库 1.1.0 微信6.5.6版本开局允许,低版本需做兼容处置 ({ title: message, mask: true }); } else { // 低版本驳回Toast兼容处置并将时期设为20秒免得智能隐没 ({ title: message, icon: loading, mask: true, duration: }); }} function hideLoading() { if () { // 基础库 1.1.0 微信6.5.6版本开局允许,低版本需做兼容处置 (); } else { (); }}咱们可以将显示加载框和封锁加载框的代码放在公共的代码外面比如util,而后在经常使用时间接调用即可。
function request() { (加载中...); ({ url: + xxx,{{!buttonClicked?click:}} /><button bindtap={{!buttonClicked?click:}} /><button bindtap=click disabled=buttonClicked />