Vue父子组件间Form resetFields 报错原因以及处理方法
报错信息
TypeError: this.$refs.form.resetFields is not a function
![在这里插入图片描述](https://img-blog.csdnimg.cn/ebd16e3fb4fb46099f40b20886e29eec.png)
错误原因及处理
将this.$refs.form信息打印一下:
![在这里插入图片描述](https://img-blog.csdnimg.cn/a078e9b4593e4f419d5193edec37b35a.png)
打印信息中确实没有resetFields这个方法
注意到打印信息中有个form,点开此form看一下:
![在这里插入图片描述](https://img-blog.csdnimg.cn/6652368f391549a2aaba6892ff350b22.png)
在此form中可看到有resetFields这个方法;
所以:
this.$refs.form.resetFields()是缺少一层form的,修改如下:![在这里插入图片描述](https://img-blog.csdnimg.cn/1a5d3906f9344505b9e77030e82f9ddc.png)