场景
在使用el-dialog
时,需要将弹窗里面的表单内容及校验规则清空,查询了element-ui发现了destroy-on-close
方法不能将数据等清空
解决
在标签el-dialog
上使用@close
方法将表单数据和校验规则清空
在@close
方法里面,使用下面的两种方法将数据和校验规则清空
if (this.$refs['testForm'] !== undefined) {
this.$refs['testForm'].resetFields();
this.$refs['testForm'].clearValidate();
}
如若需要清空表单数据,test组件传入的表单数据form都需要监听并用另一个变量info接收并进行深拷贝,内外数据才不会相互影响