zoukankan      html  css  js  c++  java
  • 按钮点击防止双击

    @tap.stop="$noMultipleClicks(click, data)"
            data() {
            return {
                            noClick: true
            }
            },
        click(data){
            console.log(data)
        },
            noMultipleClicks(methods, info) {
            // methods是需要点击后需要执行的函数, info是点击需要传的参数
                    let that = this;
            if (that.noClick) {
                    // 第一次点击
                    that.noClick = false;
                    if (info && info !== '') {
                            // info是执行函数需要传的参数
                            methods(info);
                    } else {
                            methods();
                    }
                    setTimeout(() => {
                            that.noClick = true;
                    }, 2000)
                    } else {
                    // 这里是重复点击的判断
            }
            },
  • 相关阅读:
    关于钩子函数的详细解答:
    Vue实现回到顶部
    Vue实现Rate组件(星星评分)
    Vue-router 路由模式
    javascript中实现跨域的方式
    Promise
    webpack使用
    小程序登录
    api工厂的sdk的使用
    面试题划“重点”
  • 原文地址:https://www.cnblogs.com/web-qianhx/p/14343690.html
Copyright © 2011-2022 走看看