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

问题描述

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


原因及解决方案:

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

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

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

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

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

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

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

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

相关推荐
淸湫19 小时前
项目中使用了全局权限管理,请详细描述如何通过Vue Router的路由守卫来实现全局权限控制?
前端·vue.js
Twsit丶19 小时前
ECMAScript 常用特性整理(ES6 — ES13)
javascript
雪铃儿19 小时前
Shorebird 之外,Flutter Android 热更新还有什么选择
android·前端
李剑一19 小时前
前端必看 | Vue 刷新页面,生命周期钩子直接 "罢工",原来问题在这?90% 开发者都栽过!
前端·vue.js
閞杺哋笨小孩19 小时前
域名驱动多租户入驻:后台配置 + 前端解析
前端·vue.js
TeamDev19 小时前
在 Excel 加载项中嵌入 Web 视图
前端·后端·.net
悠哉摸鱼大王19 小时前
cesium学习(一)-基本概念
前端·cesium
LinDaiDai_霖呆呆19 小时前
大白话介绍大模型的一些底层原理,看完终于能跟人聊两句了
前端·人工智能·面试
悠哉摸鱼大王19 小时前
cesium学习(二)-地图地形
前端·cesium
青山师20 小时前
【AI热点资讯】5月10日AI热点:Cloudflare裁员1100人、Musk庭审第二周回顾、OpenAI发布Codex Chrome插件
前端·人工智能·chrome·ai·ai热点