网站建设最高管理权限,哪个公司做公司网站好,广州企业招聘,微信开发者工具概述1.新建common文件并创建common.js文件 // 防止处理多次点击function noMultipleClicks(methods, info) {// methods是需要点击后需要执行的函数#xff0c; info是点击需要传的参数let that this;if (that.noClick) {// 第一次点击that.noClick false;if(info inf…1.新建common文件并创建common.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,//禁止多次点击}
二、man.js文件引入
//配置公共方法
import common from ./common/common.js
Vue.prototype.$noMultipleClicks common.noMultipleClicks;
三、页面中使用 //记得在data中挂载 noClick:truedata() {return {noClick:true,}},view classbottom-btn-boxview classpay click.stop$noMultipleClicks(goPay, item) 支付/view/viewmethods:{goPay(item){//balabala} }