这篇文章主要介绍了vue+ElementUI 关闭对话框清空验证,清除form表单的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
前面跟大家提到过 elementUI验证的问题，那么今天就来看看 点击对话框和关闭按钮 怎么清空验证，清空form表单，避免二次点击还会有 验证错误的提示
1、首先在你的对话框 取消按钮 加一个click事件，例如：（ps:：callOf里面的addGroupData和ref一 一对应起来）
<div class="dialog-footer"> 取 消确 定</div>
2、点击取消按钮，关闭对话框，清除表单验证
callOf(formName){ this.creatGroup = false; this.$refs[formName].resetFields(); }
3、对话框右上角的close按钮（before-close：关闭前的回调，会暂停 Dialog 的关
本文来源gaodai.ma#com搞##代!^码@网*
闭，function(done)，done 用于关闭 Dialog。 location.reload：刷新整个页面）
closeDialog(done){ this.$confirm('确认关闭？') .then(_ => { done(); location.reload(); }) .catch(_ => { }); }
这样就设置好了，不会出现 二次点击时，错误提示还遗留在对话框上
补充知识：vue中按钮悬停和选中和更新后自动恢复之前的状态
废话不多说，看代码~
//原本的样式 //点击保存后的样式 <button class="dict-hold">保存</button> .dict-hold { margin-left: 35px; width: 90px; height: 32px; background:rgba(57, 97, 244, 1); &:hover{ background-color: #7295FF; } } .dict_hold_active{ margin-left: 35px; width: 90px; height: 32px; background-color: #7295FF; }
以上就是vue+ElementUI 关闭对话框清空验证,清除form表单的操作的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：vue+ElementUI 关闭对话框清空验证,清除form表单的操作
转载请注明原文链接：vue+ElementUI 关闭对话框清空验证,清除form表单的操作
