zoukankan      html  css  js  c++  java
  • vue + ElementUI 关闭对话框清空验证,清除form表单

    前面跟大家提到过 elementUI验证的问题,那么今天就来看看 点击对话框和关闭按钮 怎么清空验证,清空form表单,避免二次点击还会有 验证错误的提示

    1、首先在你的对话框 取消按钮 加一个click事件,例如:(ps::callOf里面的addGroupData和ref一 一对应起来)

    <div slot="footer" class="dialog-footer">
      <el-button @click="callOf('addGroupData')">取 消</el-button>
        <el-button type="primary" @click="addgroupList('addGroupData');">确 定</el-button>
    </div> 

    2、点击取消按钮,关闭对话框,清除表单验证

    callOf(formName){
      this.creatGroup = false;
      this.$refs[formName].resetFields();
    }

    3、对话框右上角的close按钮(before-close:关闭前的回调,会暂停 Dialog 的关闭,function(done),done 用于关闭 Dialog。 location.reload:刷新整个页面

         

    closeDialog(done){
      this.$confirm('确认关闭?')
      .then(_ => {
          done();
            location.reload();
        })
        .catch(_ => { });
    }

    这样就设置好了,不会出现 二次点击时,错误提示还遗留在对话框上

    如果我的内容对你有帮助,欢迎打赏

  • 相关阅读:
    PHP-FPM 重启
    white-space: nowrap
    php-fpm 优化
    & 引用传值
    tp3 save操作小bug误区
    用百度接口验证是否上传了身份证图片信息[非姓名,身份证号匹配]
    nginx 反向代理案例
    IOS把图片缓存到本地的几种方法
    ios沙盒查找图片展示
    iOS模拟器沙盒使用推荐
  • 原文地址:https://www.cnblogs.com/hezihao/p/7416820.html
Copyright © 2011-2022 走看看