element-ui：dialog表单类型弹窗提交表单及关闭自动重置表单

今天在使用element做弹窗类型的表单时，发现提交或者关闭弹窗，表单中的v-model数据及验证的rules都不会重置，dialog写法是这样的：

<el-dialog title="标题" :visible.sync="dialog.show">
	<el-form
		ref="form"
        :model="formData"
        :rules="form_rules"
	>
		// 表单内容...
	el-form>
el-dialog>

然后呢，查阅dialog的文档发现，可以添加close事件来实现表单重置

具体代码如下：

<el-dialog title="标题" :visible.sync="dialog.show" @close="resetForm">
	<el-form
		ref="form"
        :model="formData"
        :rules="form_rules"
	>
		// 表单内容...
	el-form>
el-dialog>

methods: {
	resetForm() {
      this.$refs['form'].resetFields();
    }
}

这里面的 ‘form’ 就是表单设置的ref的值，通过这种方法，就能在提交表单、关闭表单的时候自动重置表单啦！