清除vue+elemnt表单验证

在项目中遇到对话框关闭或者取消后，再次打开验证错误或者表单内容依然存在的效果，如下：

解决：
form中添加 ref属性， 即ref=“XXXX”。再在dialog的@open事件的自定义回掉函数中：
this.$refs[‘XXXX’].resetFields();或者this.$refs.XXX.resetFields();
resetFields()是element官方文档 表单验证的表单方法通过给表单ref的属性来找到表单调用
具体代码截图如下：


~接下来才是重点
端午回来果然很不想工作啊最近比较烦T_T