解决办法:elementui的组件中提交按钮的disabled属性,通过禁用按钮来防止重复提交
1、定义变量
data(){
return {
isDisabled:false,//答卷提交按钮是否生效
}
}
2、在按钮处设置属性
<el-button @click="submit()" :disabled="isdisabled">提交<el-button>
3、在method方法中设置是否禁用
a、向后台发送请求前,设置isDisabled=true禁用提交按钮
b、在请求返回数据或请求失败的反馈后,设置isDisabled=false取消禁用提交按钮
submit(){
this.isDisabled = true
submitquestionnaire().then(data =>{
this.isDisabled = false
}).catch(err =>{
this.isDisabled = false
})
}