iview的Modal在提交表单时确认按钮loading状态冲突问题解决方案

需求
完成弹窗提交表格功能,在使用iview框架的modal组件时,遇到如下图问题,点击modal页脚的确认按钮提交表单,表单教验没通过,不关闭表单但底部确认按钮还是现实loading状态。

确认按钮点击事件
      addModalOk(name) {
        this.$refs[name].validate((valid) => {
          if (valid) {
            this.$Message.success('Success!');
            this.addModal = false;//关闭表单
          } else {
            this.$Message.error('Fail!');
            //主要代码
             this.loading = false;
             this.$nextTick(() => {
               this.loading = true;
             });
              //主要代码
          }
        })
      },
 

posted @ 2019-04-02 13:42  前端菜鸟教程  阅读(1045)  评论(0编辑  收藏  举报