vue中清除表单的校验规则

问题

当触发表单校验时，dialog关闭再打开仍会有校验规则的红字提示

解决：

给form表单指定ref

<el-form
	ref="formData"
	:model="formData"
	:rules="rules"
	label-position="right"
	label-width="100px"
>

在dialog打开或关闭的方法中添加以下代码：

	this.$refs.formData.clearValidate(); //清除所有校验规则
	//this.$refs.formData.clearValidate(['xxxx']);	//清除指定字段的校验规则

注意

使用以下方法时，不仅仅只清除了表单的校验规则，而且还会重置表单中的字段值，从而出现莫名其妙的bug

	this.$refs.form.resetFields();