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

相关推荐
m***11902 分钟前
【前端】Node.js使用教程
前端·node.js·vim
QianhangQianping12 分钟前
前端技术迭代深析:从 CSS 布局到状态管理的进化之路
前端·css
阿道夫小狮子13 分钟前
Android 反射
android·前端·javascript
Dwzun14 分钟前
基于SpringBoot的共享单车调度系统【附源码+文档+部署视频+讲解)
java·数据库·vue.js·spring boot·后端·毕业设计·maven
特级业务专家16 分钟前
写埋点、扒 SDK、改框架:JS 函数复写 10 连招实战手册
前端
感谢地心引力16 分钟前
【HTML Living Standard 01】HTML基础概述
前端·html
Coder-coco18 分钟前
选题管理|基于springboot + vue毕业设计选题管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·课程设计
૮・ﻌ・18 分钟前
Vue2(三):自定义指令、插槽、路由
前端·javascript·vue.js
遇到困难睡大觉哈哈23 分钟前
Harmony os 卡片传递消息给应用(message 事件)详细介绍
java·服务器·javascript·harmonyos·鸿蒙