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
     })
}