ElementUI里 this.$refs[formName].resetFields()；不完全生效的原因

我要实现的功能是点击取消或叉掉对话框后重置表单。

restfilds的格式定义： this.$refs[formName].resetFields();
也可以写成下面的形式 ：

1. 添加rules：
   

2. 我的 --> 绑定rules和依赖ref：
   

3. prop属性名称要与模型属性的名称相同，未找原因：
   

4. 添加校验规则：
   最初只添加了plantName的校验规则，没有写橙色框里的代码，但plantInfo的数据就不会被重置，添上之后功能完全生效。
   

5. 添加监听对话框关闭的事件：
   

6. 实现方法：
   

下面是官方文档里的信息：

图一:

图二：