vue + ElementUI 关闭对话框清空验证,清除form表单
来源:互联网 发布:网络运营管理岗 面试 编辑:程序博客网 时间:2024/06/05 02:41
前面跟大家提到过 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(_ => { });}
这样就设置好了,不会出现 二次点击时,错误提示还遗留在对话框上
阅读全文
0 0
- vue + ElementUI 关闭对话框清空验证,清除form表单
- vue + ElementUI 关闭对话框清空验证,清除form表单
- vue elementUI之Form表单 验证
- 清空 form 表单
- 清空form表单
- Vue2.0+ElementUI简单form表单验证
- 验证清空表单
- easyUI 清空form表单
- jquery清空form表单
- elementui 表单验证
- 清空ext的form表单
- js清空form表单中的内容
- JavaScript清空、重置form表单
- JavaScript 清空、重置 form 表单
- Jquery easyui form表单清空
- 关闭按钮清空表单内内容
- js清空form表单里的值,清空input ,清空select
- yii2关闭form表单的实时验证
- 《大话数据结构》——学习笔记(栈&串&树)
- union和union-all的区别
- 简单的cas单点登录+加密 SSM
- extjs的alias和xtype比较
- form提交表单 踩坑
- vue + ElementUI 关闭对话框清空验证,清除form表单
- 每天一个linux命令(9):touch 命令
- 基于TCP协议的Socket通信实例(JAVA)
- <?xml version="1.0" encoding="UTF-8" standalone="no"?>
- python爬虫系列(一)百度首页爬取
- 不安装Oracle使用PlSqlDeveloper
- Go 练习
- vs2015下,使用人脸检测算法对FDDB数据集进行测评
- 万树IT:零基础也能学习安卓开发