关闭element UI的弹窗,再次打开显示表单验证提示

打开弹窗,没有填写任何信息,点击保存按钮,触发了表单的验证提示,没有进行任何操作,点击【关闭按钮】或者【取消按钮】关闭弹窗,再次打开弹窗,仍然显示表单的验证提示信息,

关闭element UI的弹窗,再次打开显示表单验证提示_第1张图片

 

解决方法:

给el-dialog添加@close事件,给取消按钮添加点击事件,在事件中对表单进行重置操作,即可解决

关闭element UI的弹窗,再次打开显示表单验证提示_第2张图片

 关闭element UI的弹窗,再次打开显示表单验证提示_第3张图片

 重置表单

this.$refs.dialogForm.resetFields();

关闭element UI的弹窗,再次打开显示表单验证提示_第4张图片

 

你可能感兴趣的:(element,ui,vue.js,javascript,elementui)