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

Saber 已结

关注举报

 1  529

shunc 剑童 2022-02-11 09:25

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

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

<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.点击表单,校验成功, 修改,取消按钮转圈圈,表单无法编辑;

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

实际看到如下截图

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

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

saber开源master,win10系统

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

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

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

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