zoukankan      html  css  js  c++  java
  • 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;
                 });
                  //主要代码
              }
            })
          },
     

    微信公众号:jingfeng18 免费学习领取最新的前端学习资源
  • 相关阅读:
    内置函数(少量)
    画国旗(尺寸不标准)
    测试题——程序
    乱码笔记2--字典
    列表
    课堂笔记 ——————乱
    如何利用pip安装国内镜像源
    pip常用指令
    pip卸载
    pip简介
  • 原文地址:https://www.cnblogs.com/qianduanshiping/p/11826856.html
Copyright © 2011-2022 走看看