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调用子组件方法

相关推荐
HackTwoHub6 分钟前
AntiDebug Mcp、AI逆向绕过前端,Hook 加密接口,抓取 Vue 路由漏洞,接入 MCP 让 AI 自动化挖掘前端漏洞
前端·vue.js·人工智能·安全·web安全·网络安全·系统安全
Mr_凌宇8 分钟前
AI 应用工程进阶扩展学习笔记 二
前端·面试
Hyyy20 分钟前
Git Worktree 完全讲解
前端·后端·面试
铁皮饭盒38 分钟前
Bun 处理 IO 密集型比 Java 强多少?
javascript
李明卫杭州39 分钟前
还在用 Vue2 的 $set?一文吃透 Observable 响应式原理与 Vue3 的 Proxy 重构
vue.js
anod39 分钟前
Amazon反爬虫:一场从自动化到Chrome插件的折腾之旅
javascript·chrome·amazon·插件
葡萄城技术团队1 小时前
AI 不会淘汰电子表格,反而会让电子表格成为 AI 操作系统
前端·人工智能
BigTopOne1 小时前
Short Put and Short Call
前端
Cache技术分享1 小时前
465. Java 反射 - 获取类的简单名
前端·后端
英勇无比的消炎药1 小时前
层级选择不再手写联动:TinyVue Cascader 级联选择器上手
vue.js