解決辦法: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
})
}
