this.$refs 调用报undefined
时间: 2023-09-08 19:16:58 浏览: 115
引用\[1\]中提到,在使用父组件调用子组件方法时,可以使用this.$nextTick()来确保子组件已经渲染完毕。例如,可以使用以下代码来调用子组件方法并获取参数值:
```
this.$nextTick(() => {
console.log('子组件参数值为:', this.$refs.myChild.baseurl)
})
```
引用\[2\]中提供了一个详细的解决方法,可以参考原作者的文章来解决报错问题。文章链接为:\[2\]
引用\[3\]中也提到,在methods中使用this.$nextTick()可以确保在页面完全渲染完毕后再调用方法。例如:
```
this.$nextTick(() => {
this.problemDetailsData = res
res.map(item => {
this.$refs.pollutionMap.detailAddmarker(item, flag)
})
})
```
综上所述,如果在使用this.$refs调用时报undefined错误,可以尝试使用this.$nextTick()来确保子组件已经渲染完毕。同时,可以参考\[2\]中的解决方法来解决报错问题。
#### 引用[.reference_title]
- *1* *2* [父组件使用this.$refs调用子组件参数或方法时,提示undefined的解决方法](https://blog.csdn.net/weixin_42966151/article/details/128326163)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [解决this.$refs调用方法为undefined](https://blog.csdn.net/qq_43641110/article/details/126340990)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文
相关推荐


















