1.wxml

<view bindtap="{{isClick ? 'baocun' : ''}}">保存</view>

2.js

page({data:{isClick:true},baocun(){this.setData({isClick: false})setTimeout(() => {this.setData({isClick: true})}, 2000)// 逻辑代码 ······}
})

多次使用可以放到公共代码里面，方便复用

随手一记吧，也希望帮到有需要的人

解决：微信小程序按钮重复点击相关推荐

微信小程序按钮实现点击复制功能的步骤
微信小程序功能篇01 关于微信小程序开发文档中的总结的一些开发经验分享: 点击按钮执行复制操作效果. . 按下粘贴或 Ctrl + V 可以进行粘贴操作复制实现的步骤. 获取要复制的文本数据 let ...
微信小程序防连点时间_微信小程序防止重复点击
当用户点击按钮或控件时,如果响应比较慢,往往会重复点击,另外也会存在用户故意反复快速点击的情况,这种时候就会多次触发点击事件造成非期望的结果.如何解决或避免这个问题呢?一般来说有两种情况. 1.点击事 ...
微信小程序点击按钮弹出弹窗_微信小程序实现的点击按钮弹出底部上拉菜单功能示例...
本文实例讲述了微信小程序实现的点击按钮弹出底部上拉菜单功能.分享给大家供大家参考,具体如下: index.wxml 弹出action sheet {{item.txt}} 取消提示:您选择了菜单{ ...
“完美”解决微信小程序购物车抛物动画，在连续点击时出现计算错误问题，定时器停不下来。
"完美"解决微信小程序购物车抛物动画,在连续点击时出现计算错误问题,定时器停不下来. 参考文章: (1)"完美"解决微信小程序购物车抛物动画,在连续点击时出现计 ...
微信小程序：想要点击图片时进行一个放大的功能，写完之后可以正常显示，但点击时图片加载不出来，在此想问一下各路大神有没有解决办法
微信小程序:想要点击图片时进行一个放大的功能,写完之后可以正常显示,但点击时图片加载不出来,在此想问一下各路大神有没有解决办法 wxml: 在这里插入代码片 <view class='zhanp ...
微信小程序按钮分享好友的onShareAppMessage不起作用的解决办法
特别汗颜,找了各种办法,都没有解决,最后发现,原来系统会自带一个空的onShareAppMessage函数,结果是被系统的空函数覆盖了..... JS函数如下: /* 转发*/onShareAppMe ...
微信小程序按钮的禁用和使能
做微信小程序项目的时候遇到一个功能,个人信息资料的修改与保存.以下是说明及简化后的代码: 1.页面加载完成时,所有input处于禁用状态: 2.点击编辑按钮时,文字切换成"保存", ...
微信小程序阻止冒泡点击_微信小程序bindtap事件与冒泡阻止详解
bindtap就是点击事件在.wxml文件绑定: cilck here 在一个组件的属性上添加bindtap并赋予一个值(一个函数名) 当点击该组件时, 会触发相应的函数执行在后台.js文件中定义 ...
解决微信小程序IOS中使用picker弹出内容和手机软键盘重叠的问题
解决微信小程序IOS中使用picker弹出内容和手机软键盘重叠的问题项目需求: 一个信息提交页面:有input输入框,有picker选择器遇到的问题: 点击input输入框时,手机自动弹出键盘,但 ...

解决：微信小程序按钮重复点击

1.wxml

2.js

解决：微信小程序按钮重复点击相关推荐

最新文章

热门文章