vue防止按钮重复点击提交

最新推荐文章于 2024-10-09 14:20:15 发布

余_小凡

最新推荐文章于 2024-10-09 14:20:15 发布

阅读量1.8k

点赞数 1

分类专栏： Vue 文章标签： vue 重复提交

本文链接：https://blog.csdn.net/weixin_37380784/article/details/104021560

版权

Vue 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

<Form-Item class="formBtn">

   <i-button type="primary" @click="handleSubmit('formInline')"
 class="confirm" :disabled="isDisable">登录</i-button>
 
  </Form-Item>

methods: {
      handleSubmit(name) {
        this.$refs[name].validate((valid) => {
          if (valid) {
            this.isDisable = true
            let data= this.$qs.stringify(predata)
            this.$http.post('/user/login',data)
              .then(res => {
                this.$Message.success("登录成功");
                this.isDisable = false
              }).catch(error => {
              this.isDisable = false
              this.$Message.error("请重试");
            })
          } else {
            this.$Message.error("输入有误，请重新输入");
          }
        })

      },
}