Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘resetFields‘)“

在做vue element 項目中，做了一個新增 打開彈框的功能，想每次點擊新增的時候表單項重置。
1.使用了
this.$refs[formName].resetFields();
2.但是報錯了，原因是：
mouted加載數據以后，隱藏的彈出框並沒有編譯渲染進dom里面。所以click彈出的時候$refs並沒有獲取到dom元素導致 ‘resetFields’ of undefined
3.解決辦法：
添加代碼

this.$nextTick(()=>{
  this.$refs.ruleForm.resetFields();
})