vue表单报错 "TypeError: Cannot read property 'resetFields' of undefined

vue表单报错 Error in event handler for “click”: “TypeError: Cannot read property ‘resetFields’ of undefined”

在这里插入图片描述
在做vue element 项目中，做了一个新增 打开弹框的功能，想每次点击新增的时候表单项重置。
使用了this.$refs[formName].resetFields();
但是报错了，原因是：mouted加载数据以后，隐藏的弹出框并没有编译渲染进dom里面。所以click弹出的时候$refs并没有获取到dom元素导致 ‘resetFields’ of undefined
解决办法：
在这里插入图片描述

this.$nextTick(()=>{
  this.$refs.addForm.resetFields();
})
版权声明：本文为sunshineln原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。