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

问题描述

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


原因及解决方案:

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

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

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

额......就像这样😐

好这么一写,导致前两个组件都无法正常使用......

页面也会有这个报错:<组件名> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

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

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

相关推荐
七牛开发者几秒前
拆解 DeepSeek Harness:Profile 与 Bundle 如何装配运行时
前端·javascript·后端
葡萄城技术团队7 分钟前
表格智能体系列 · 1:一句话怎么变成一次表格操作
前端
梦曦i13 分钟前
Vue-Router 2.4.0 新增可控重定向功能
前端·uni-app
deli00700734 分钟前
Markdown 实时预览器:左边写右边看,排版效率翻倍
前端·ai编程
郑州光合科技余经理39 分钟前
海外版外卖系统架构:订单怎么流转、权限怎么分
java·开发语言·前端·系统架构·uni-app·php·ai编程
lemon_yyds1 小时前
H5 页面嵌入 APP 的 web-view 时-调用原生能力(uniapp)
vue.js
pengyu1 小时前
【Kotlin 协程修仙录 · 炼虚境 · 初阶】 | 虚空造物:Channel 基础与协程间通信的管道艺术
android·前端·kotlin
提线木偶1 小时前
CORS 到底谁说了算?一份跨域配置的避坑指南
前端·后端
九九落1 小时前
北京时间校准怎么做?电脑和手机时间不准的排查方法
javascript
网安蟹佬霸2 小时前
区块链与智能合约安全实战:从Solidity审计到DeFi漏洞深度剖析
运维·前端·网络·安全·自动化·区块链·智能合约