uni-app 表单防止重复提交(前端)

做项目时经常遇到表单重复提交的问题 小编带来这一种有效的防止重复提交本人测试有效

上代码:

<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令牌机制防止表单重复提交


版权声明:本文为Nicholas_long原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。