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:就是你需要触发的函数;

你可能感兴趣的:(js)