Vue+elementui防止重復提交


解決辦法:elementui的組件中提交按鈕的disabled屬性,通過禁用按鈕來防止重復提交
1、定義變量
data(){
     return {
            isDisabled:false,//答卷提交按鈕是否生效
     }  
}
2、在按鈕處設置屬性
<el-button @click="submit()" :disabled="isdisabled">提交<el-button>
3、在method方法中設置是否禁用
  • 向后台發送請求前,設置isDisabled=true禁用提交按鈕
  • 在請求返回數據或請求失敗的反饋后,設置isDisabled=false取消禁用提交按鈕
submit(){
     this.isDisabled = true
     submitquestionnaire().then(data =>{
           this.isDisabled = false
     }).catch(err =>{
          this.isDisabled = false
     })
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM