Vue+elementui防止重复提交

解决办法: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

  })

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容