做项目时经常遇到表单重复提交的问题 小编带来这一种有效的防止重复提交本人测试有效
上代码:
<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令牌机制防止表单重复提交