做项目时经常遇到表单重复提交的问题 小编带来这一种有效的防止重复提交本人测试有效
上代码:
<form @submit="examine">
<button form-type="submit" >提交</button>
</from>
examine(e){ if(this.isCommitted==false){ this.isCommitted=true;
uni.request({ url:url+'/CompanyController/addCompany', method:'POST', header:{ 'Content-type':'application/x-www-form-urlencoded' }, data:params, dataType:'json', success:function(res){
this.isCommitted=false;//后台请求成功了之后重新赋值false 让表单再次可提交
}
}) console.log("正常提交") }else{ console.log("不能重复提交") return fasle; } }
到这里基本结束了 后面持续更新使用token令牌机制防止表单重复提交