自定义按钮 提交表单 校验成功后 修改 取消按钮进入加载状态

Saber 已结 1 608
shunc
shunc 剑童 2022-02-11 09:25

一、该问题的重现步骤是什么?

  1. avue-crud 添加自定义提交按钮;


  2. <template slot-scope="{row,index,type}" slot="menuForm">
      <el-button type="primary" @click="rowAddAndCommit(row)">保存并提交</el-button>
    </template>

  3.在对应click函数中进行表单校验

rowAddAndCommit(done) {
 this.$refs.crud.validate( valid => {
  if (valid) {
   console.info(valid)
   this.loading=false;
  }else{
   console.info("error valide....")
    }
 })
},

3.点击表单,校验成功, 修改,取消按钮转圈圈,表单无法编辑;


二、你期待的结果是什么?实际看到的又是什么?


      实际看到如下截图

image.png

     期待 表单校验成功后,表单可编辑,修改取消按钮不要进入加载状态;


三、你正在使用的是什么产品,什么版本?在什么操作系统上?


saber开源master,win10系统


四、请提供详细的错误堆栈信息,这很重要。


五、若有更多详细信息,请在下面提供。

1条回答
  •  admin
    admin (最佳回答者)
    2022-02-15 01:21

    在校验函数加上 done() 就会取消loading状态了

    0 讨论(1)
提交回复