1.这里总结一个防止连续点击出错的解决方法
在你的项目中创建一个common文件,跟page平级,在common文件里面创建一个common.js,在js文件里面写下以下代码
在这里插入图片描述
以下可以复制,可根据截图对比,复制整理代码。

// 防止处理多次点击
function 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 {
        // 这里是重复点击的判断
    }
}
//导出
export default {
    noMultipleClicks,//禁止多次点击
}

2.主要部分在min.js中引入

//配置公共方法
import common from './common/common.js'
Vue.prototype.$noMultipleClicks = common.noMultipleClicks;

3.使用方法,在data中return一下noClick:true,

<view class="delnews" @click.stop="$noMultipleClicks(delnews, item)">删除</view>

在这里插入图片描述

4.在methods中照常写事件就可以,这样就发现只能点击一次,防止连续点击出错

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐