第一天做项目中遇到了这一个问题关于resetField重置校验报错的问题，
然后去网上查找问题的原因，但是找到问题的原因是：
mouted加载table数据以后，隐藏的 Dialog 并没有编译渲染进 dom 里面。所以当通过点击事件，Dialog 弹出的时候，$refs 并没有获取到 dom 元素导致 ‘resetFields’ of undefined，可是不明白为什么用this.$nextTick 将回调延迟到下次DOM更新循环之后执行还是报错？
resetField：对该表单项进行重置，将其值重置为初始值并移除校验结果
问题：无法读取未定义的属性resetFields()
解决：根据Element.ui文档发现
1.确保数据绑定和ref中的字段要一致
:model="ruleForm"
ref="ruleForm"
2.对按钮重置绑定
@click="resetForm('ruleForm')"
3.文章来源：https://www.toymoban.com/news/detail-422675.html
methods: {
//点击重置按钮，重置登录表单
resetLoginForm(formName) {
this.$refs[formName].resetFields();
},
},然后看Element.ui文档根据上面终于得到了解决文章来源地址https://www.toymoban.com/news/detail-422675.html
到了这里，关于解决Cannot read properties of undefined (reading ‘resetFields‘)的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![解决：[Vue warn]: Error in render: “TypeError: Cannot read properties of undefined (reading ‘matched‘)“](https://imgs.yssmx.com/Uploads/2024/02/524841-1.png)
