vue学习之elementUI清除对话框中表单校验

问题：关闭对话框重新打开时，发现表单校验还是存在~

解决方法一：

在关闭对话框按钮中添加如下代码：

this.$refs[formName].resetFields(); // 重置表单移除校验 

注意：formName是ref参照名

• 这个方法有个弊端，当不上点击关闭按钮关闭对话框时，如点击旁边空白，或者右上角x时，表单校验还是存在。此时需要使用方法二。

解决方法二：

只需要在From标签上加上v-if="showDialog"这句代码，当关闭弹框时showDialog=false。showDialog属性名与对话框显示隐藏的属性名保持一致。
再次打开弹框是showDialog置为true，这样每次打开弹框它都会生成一个新的表单。