uni 阻止按钮多次点击 按钮多次点击

文件夹下新建一个js文件内容如下

function noMore() {
    let that = this;
    if (that.btn_show) {
        that.btn_show = false;
        setTimeout(function () {
            that.btn_show = true;
			console.log(that.btn_show)
        }, 1500)
    } else {
        console.log("请勿频繁点击")
    }
}
export default {
    noMore
}

main.js导入

import noMore from './components/btn_click.js'

Vue.prototype.$noMore = noMore.noMore

使用

<view class="" @click="$noMore(btn_click(123)) "></view>

export default {
		data() {
			return {
				btn_show:true
			}
		},
		methods: {
			btn_click(e) {
				console.log(e)
			}
		}
	}

PS：节流还是要看使用场景进行使用，一般用作于防止重复提交接口的话，不用这么麻烦，在点击按钮的时候赋值true，如果是true的情况下抛出提示，如果接口失败了，赋值为false可以继续点击