uniapp开发解决多次点击触发事件

1.先创建一个文件交common文件在文件下面创建一个common.js文件内容如下

// 处理多次点击
function dianji(fn) {
    let that = this;
    if (that.onoff) {
        that.onoff = false;
        fn();
        setTimeout(function () {
            that.onoff = true;
        }, 1500)
    } else {
        //如果一直走else分支可能是你没有在页面的data下面挂载onoff:true,不然一直都会走else
        console.log("请稍后点击")
    }
}
export {
    dianji
}
2.在main.js中引入然后挂载待vue原型上这样就可以全局使用了
import { dianji } from './common/common'
Vue.prototype.$dianji = dianji;
3.使用的时候
        <view class="list-container" @click="$dianji(target)"> 
target:就是你需要触发的函数;

 

posted @ 2020-12-08 11:36  吕少少  阅读(5373)  评论(2编辑  收藏  举报