vue 防止按钮多次点击

1 公用comm.js

// 处理多次点击
function disabledclick(fn) {
    let that = this;
    if (that.ison) {
        that.ison= false;
        fn();
        setTimeout(function() {
            that.ison= true;
        }, 1500)
    } else {
        //如果一直走else分支可能是你没有在页面的data下面挂载ison:true,不然一直都会走else
        console.log("请稍后点击")
    }
}

2 main.js引用

import util  from '@/utils/comm.js';

Vue.prototype.$disabledclick= util.disabledclick;

3 应用vue页面

<view @click="disabledclick(你的方法，'ison')">

        防止重复点击支付按钮

</view>

data(){

        ison:true

}