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

相关推荐
Embrace9242 分钟前
钉钉工作台内嵌应用=》调用钉钉对话框
前端·javascript·钉钉
蜡台6 分钟前
Vue2 elementui2 中 el-switch 实现先判断改变状态
前端·vue.js·elementui·el-switch
whuhewei6 分钟前
CSS动画倍速播放
前端·css
周不凢9 分钟前
elementui 表格行选择:通过 toggleRowSelection 方法控制表格行的选中状态
前端·javascript·elementui
黄林晴11 分钟前
Swift 杀进 Android,Google 和 Apple 都要失眠了?
android·前端·swift
一晌小贪欢14 分钟前
Web 自动化指南:如何用 Python 和 Selenium 解放双手
开发语言·前端·图像处理·python·自动化·python办公
云浪14 分钟前
认识 Service Worker
前端·javascript
方也_arkling17 分钟前
【Vue-Day11】props的使用
前端·javascript·vue.js
心之语歌19 分钟前
前端刷新处理数据的几种方式
前端
FlyWIHTSKY21 分钟前
Vue3 插槽(Slot)使用
前端·javascript·vue.js