首页 前端知识 vue中使用this.$refs获取不到子组件的方法,属性方法都为undefined的解决方法

vue中使用this.$refs获取不到子组件的方法,属性方法都为undefined的解决方法

2024-03-31 10:03:37 前端知识 前端哥 657 900 我要收藏

问题描述

vue2中refs获取不到子组件中的方法?,而获取到的是undefined


原因及解决方案:

第一种、在循环中注册了很多个ref

因为注册了多个ref,获取是不能单单知识refs.xxx,需要使用数组和索引来获取具体一个组件refs[index].xxx

第二种、注册了多个components,检查代码是不是多配置了个components

fds
额……就像这样😐

好这么一写,导致前两个组件都无法正常使用……
页面也会有这个报错:<组件名> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

第三种、注意子组件是否在渲染期间,或者是还没有结束

使用this.$nextTick(),来等组件渲染完毕之后再使用refs调用子组件方法

转载请注明出处或者链接地址:https://www.qianduange.cn//article/4325.html
标签
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!