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 {
                    // 这里是重复点击的判断
            }
            },
  • 相关阅读:
    wepy框架构建小程序(1)
    百度地图2
    百度地图1
    VS Code 用户自定义代码片段(React)
    JS MarcoTasks MicroTasks
    JS位运算和遍历
    VueX源码分析(5)
    VueX源码分析(4)
    tensorflow 自带的实现函数翻转的函数
    namedtuple
  • 原文地址:https://www.cnblogs.com/web-qianhx/p/14343690.html
Copyright © 2011-2022 走看看