小程序防止bindtap事件重复触发或者短时间触发多次操作

视图层

<view bindtap="{{!buttonClicked?‘btnShowConfirm’:’’}}" wx:if="{{btnShow}}" class=“pj-sbuimt” style=“”>
提交评价
</view>

**逻辑层 js **

const cfclick = require(’…/…/utils/util’) //引入公用js 防重复

data{
buttonClicked: false //防重复提交
}

btnShowConfirm(){
cfclick.ButtonClicked(this)
//执行的代码块
}
util.js
//防重复点击
var ButtonClicked=function (self) {

self.setData({
buttonClicked: true
})
setTimeout(function () {
self.setData({
buttonClicked: false
})
}, 600)
}

module.exports = {
ButtonClicked:ButtonClicked
}

posted @ 2021-03-30 09:15  宋军涛  阅读(508)  评论(0编辑  收藏  举报