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

    技术2022-07-12  83

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

    上代码:

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

    Processed: 0.017, SQL: 9