【Vue】在created钩子函数中: this.$refs为空对象
原因: 在created()被调用的时候,此时Vue才完成了数据监测、数据代理等过程,能够访问data、methods数据,但是还未进行模板解析。而ref是在DOM树渲染完成之后生成的,所以this.$refs= {}。解决:在mounted()钩子函数中获取,mounted()此阶段DOM树已经渲染完成。在created()钩子函数中,加入:this.$nextTick()方法,由于此方法是会在
·
原因: 在created()
被调用的时候,此时Vue才完成了数据监测、数据代理等过程,能够访问data、methods
数据,但是还未进行模板解析。而ref
是在DOM树渲染完成之后生成的,所以this.$refs= {}
。
解决:
- 在mounted()钩子函数中获取,mounted()此阶段DOM树已经渲染完成。
- 在created()钩子函数中,加入:
this.$nextTick()
方法,由于此方法是会在DOM 更新循环结束之后执行延迟回调,所以可以在此方法中获取子组件实例。
更多推荐
已为社区贡献2条内容
所有评论(0)