Vue+elementui防止重复提交

解决办法：elementui的组件中提交按钮的disabled属性，通过禁用按钮来防止重复提交1、定义变量data(){return {isDisabled:false,//答卷提交按钮是否生效} }2、在按钮处设置属性el-button @click=submit() :dis...

解决办法：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
     })
}