当前位置: 首页 > news >正文

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

问题描述

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


原因及解决方案:

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

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

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

fds
额……就像这样😐

好这么一写,导致前两个组件都无法正常使用……
页面也会有这个报错:<组件名> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

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

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

http://www.lryc.cn/news/116184.html

相关文章:

  • Linux命令200例:df用于显示文件系统的磁盘空间使用情况
  • Service not registered 异常导致手机重启分析
  • 深度解读|一站式ABI平台 Smartbi Insight V11 能力再升级
  • vConsole手机调试模式uniapp和原生h5
  • Flutter Dart语言(05)异步
  • 滇医通微信小程序分析笔记
  • IoTDB在springboot2中的(二) 查询
  • SpringBoot 底层机制分析【Tomcat 启动+Spring 容器初始化+Tomcat 如何关联Spring 容器】【下】
  • NLP(六十五)LangChain中的重连(retry)机制
  • C字符串与C++ string 类:用法万字详解(上)
  • async/await函数需要trycatch吗?
  • Jenkins集成appium自动化测试(Windows篇)
  • MongoDB:切换log日志文件
  • 代码随想录第三十五天
  • 块、行内块水平垂直居中
  • Mybatis引出的一系列问题-动态 SQL
  • Docker学习之构建Base Image
  • SFM(Structure from Motion)和NeRF(Neural Radiance Fields)
  • [Vue] Vue2和Vue3的生命周期函数
  • springboot集成分布式任务调度系统xxl-job(调度器和执行器)
  • 11_Vue3中的新的组件
  • 详解推送Git分支时发生的 cannot lock ref 错误
  • [国产MCU]-BL602开发实例-PWM
  • 【JMeter】 使用Synchronizing Timer设置请求集合点,实现绝对并发
  • 无法对watchdog.sys等系统文件删除,弯道修复,这里解决办法很简单
  • ClickHouse(九):Clickhouse表引擎 - Log系列表引擎
  • 3.1 计算机网络和网络设备
  • 值得中国人民大学与加拿大女王大学金融硕士中的金融人观看的五部电影
  • 【数据库】Redis可以替代Mysql吗
  • 5 指针与多维数组:多维数组在内存中的存储与指针的关系