获取引用组件(或者表单引擎组件)为undefined问题

最新推荐文章于 2025-07-29 12:46:40 发布

原创最新推荐文章于 2025-07-29 12:46:40 发布 · 308 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#引用组件 #vue

分享踩坑集专栏收录该内容

6 篇文章

订阅专栏

本文探讨了表单引擎在初始化时出现undefined的问题，并提供了两种解决方案：使用this.$nextTick()确保子组件渲染完成，以及使用setTimeout()延迟执行，确保组件完全加载。

楼主遇到的问题是表单引擎为undefined，是因为表单子组件还没渲染好的缘故。

方案一

加上 this.$nextTick()就好了

this.$nextTick(() => {
  let myEnForm = this.$refs.myComp // 获取表单引擎组件引用
  //...
  this.$refs.oneForm.resetFields()
  this.$refs.threeForm.resetFields()
})

方案二

如果方案一依然不能解决的话，可以试试定时器setTimeOut()。

setTimeOut(() => {
   let myEnForm = this.$refs.myComp // 获取表单引擎组件引用
   // ...
   this.$refs.oneForm.resetFields()
   this.$refs.threeForm.resetFields()
}, 10)