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调用子组件方法
相关文章：
vue中使用this.$refs获取不到子组件的方法，属性方法都为undefined的解决方法
问题描述 vue2中refs获取不到子组件中的方法？，而获取到的是undefined 原因及解决方案： 第一种、在循环中注册了很多个ref 因为注册了多个ref，获取是不能单单知识refs.xxx，需要使用数组和索引来获取具体一个组件refs[…...
Linux命令200例：df用于显示文件系统的磁盘空间使用情况
🏆作者简介，黑夜开发者，全栈领域新星创作者✌。CSDN专家博主，阿里云社区专家博主，2023年6月csdn上海赛道top4。 🏆数年电商行业从业经验，历任核心研发工程师，项目技术负责人。 &…...
Service not registered 异常导致手机重启分析
和你一起终身学习，这里是程序员Android 经典好文推荐，通过阅读本文，您将收获以下知识点: 一、Service not registered 异常导致手机重启二、Service not registered 解决方案 一、Service not registered 异常导致手机重启 1.重启 的部分Log如…...
深度解读｜一站式ABI平台 Smartbi Insight V11 能力再升级
纵观过去，我们发现汽车和BI的发展有异曲同工之妙。 100来年，汽车的动力从蒸汽到燃油再到新能源，汽车的操控方式从手动到自动再到智能无人驾驶。而在BI领域，自1958年BI的概念提出后，底层数据准备从报表开发、Cube多维模…...
vConsole手机调试模式uniapp和原生h5
手机打开调试模式的方法 尽量放在页面头部，底部有可能不行 原生 <script src"https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script> <script>// init vConsolevar vConsole new VConsole();console.log(Hello world)…...
Flutter Dart语言（05）异步
0 说明 该系列教程主要是为有一定语言基础 C/C的程序员，快速学习一门新语言所采用的方法，属于在C/C基础上扩展新语言的模式。 1 async和await 在Dart语言中，虽然没有像其他语言（如Java、C、Python）中的传统多线程概…...
滇医通微信小程序分析笔记
注意 本文章仅供学习交流使用，如果你是铁粉你就会知道博主之前发布过一篇相关的文章，但是由于代码涉及到法律相关所以就隐藏了，两年的时间过去了，因为女朋友已经早早安排上了，所以就搁置了，本次不做代码分…...
IoTDB在springboot2中的(二) 查询
上一章我们处理的基本的构建接入，以及插入的处理，那么接下来我们进行查询的操作处理。 我们继续在IoTDBSessionConfig工具类中加入查询的方法处理 /*** description: 根据SQL查询最新一条数据* author:zgy* param sql sql查询语句，count查询…...
SpringBoot 底层机制分析【Tomcat 启动+Spring 容器初始化+Tomcat 如何关联Spring 容器】【下】
😀前言 本篇博文是关于SpringBoot 底层机制分析实现，希望能够帮助你更好的了解SpringBoot 😊 🏠个人主页：晨犀主页 🧑个人简介：大家好，我是晨犀，希望我的文章可以帮助到大…...
NLP（六十五）LangChain中的重连（retry）机制
关于LangChain入门，读者可参考文章NLP（五十六）LangChain入门 。 本文将会介绍LangChain中的重连机制，并尝试给出定制化重连方案。 本文以LangChain中的对话功能（ChatOpenAI）为例。 LangChain中的重…...
C字符串与C++ string 类：用法万字详解（上）
目录 引言 一、C语言字符串 1.1 创建 C 字符串 1.2 字符串长度 1.3 字符串拼接 1.4 比较字符串 1.5 复制字符串 二、C字符串string类 2.1 解释 2.2 string构造函数 2.2.1 string() 默认构造函数 2.2.2 string(const char* s) 从 C 风格字符串构造 2.2.3 string(co…...
async/await函数需要trycatch吗？
前言 写异步函数的时候，promise 和 async 两种方案都非常常见，甚至同一个项目里，不同的开发人员都使用不同的习惯, 不过关于两者的比较不是本文关注的重点，只总结为一句话：“async 是异步编程的终极解决方案”。 当使…...
Jenkins集成appium自动化测试(Windows篇)
一，引入问题 自动化测试脚本绝大部分用于回归测试，这就需要制定执行策略，如每天、代码更新后、项目上线前定时执行，才能达到最好的效果，这时就需要进行Jenkins集成。 不像web UI自动化测试可以使用无痕浏览器做到无界…...
MongoDB：切换log日志文件
可以不重启MongoDB，切换日志文件 use admin db.runCommand({logRotate:1})参考 MongoDB 日志切割三种方式...
代码随想录第三十五天
代码随想录第三十五天 Leetcode 860. 柠檬水找零Leetcode 406. 根据身高重建队列Leetcode 452. 用最少数量的箭引爆气球 Leetcode 860. 柠檬水找零 题目链接: 柠檬水找零 自己的思路:我的垃圾思路！！！！！！复…...
块、行内块水平垂直居中
1.定位实现水平垂直居中 <div class"outer"><div class"test inner1">定位实现水平垂直居中</div></div><style>.outer {width: 300px;height: 300px;border: 1px solid gray;margin: 100px auto 0;position: relative;}.te…...
Mybatis引出的一系列问题-动态 SQL
动态 SQL 是 MyBatis 的强大特性之一。如果你使用过 JDBC 或其它类似的框架，你应该能理解根据不同条件拼接 SQL 语句有多痛苦，例如拼接时要确保不能忘记添加必要的空格，还要注意去掉列表最后一个列名的逗号。利用动态 SQL，可以彻底…...
Docker学习之构建Base Image
构建Base Image 目标是构建一个类似官方Hello world的镜像，需要配置好Docker运行环境。 创建目录，编写代码 创建并进入docker目录。 mkdir docker cd dockertouch hello.cvim hello.chello.c文件的内容如下： #include <stdio.h>in…...
SFM（Structure from Motion）和NeRF（Neural Radiance Fields）
SFM（Structure from Motion）和NeRF（Neural Radiance Fields）都是计算机视觉领域中的重要算法，用于不同的任务和应用。 SFM（Structure from Motion）： SFM是一种从图像序列中重建三维场…...
[Vue] Vue2和Vue3的生命周期函数
vue2有11个生命周期钩子, vue3有8个生命周期钩子 从vue创建、运行、到销毁总是伴随着各种事件, 创建、挂载、更新到销毁。 1.vue2系列生命周期 ⑴【beforecreate】实例创建前。 vue完全创建之前，会自动执行这个函数。 ⑵【Created】实例创建后。 这也是个生命…...
Zustand 状态管理库：极简而强大的解决方案
Zustand 是一个轻量级、快速和可扩展的状态管理库，特别适合 React 应用。它以简洁的 API 和高效的性能解决了 Redux 等状态管理方案中的繁琐问题。 核心优势对比 基本使用指南 1. 创建 Store // store.js import create from zustandconst useStore create((set)…...
华为云Flexus+DeepSeek征文｜DeepSeek-V3/R1 商用服务开通全流程与本地部署搭建
华为云FlexusDeepSeek征文｜DeepSeek-V3/R1 商用服务开通全流程与本地部署搭建 前言 如今大模型其性能出色，华为云 ModelArts Studio_MaaS大模型即服务平台华为云内置了大模型，能助力我们轻松驾驭 DeepSeek-V3/R1，本文中将分享如何…...
CSS设置元素的宽度根据其内容自动调整
width: fit-content 是 CSS 中的一个属性值，用于设置元素的宽度根据其内容自动调整，确保宽度刚好容纳内容而不会超出。 效果对比 默认情况（width: auto）： 块级元素（如 <div>）会占满父容器…...
LabVIEW双光子成像系统技术
双光子成像技术的核心特性 双光子成像通过双低能量光子协同激发机制，展现出显著的技术优势： 深层组织穿透能力：适用于活体组织深度成像 高分辨率观测性能：满足微观结构的精细研究需求 低光毒性特点：减少对样本的损伤…...
Unity UGUI Button事件流程
场景结构 测试代码 public class TestBtn : MonoBehaviour {void Start(){var btn GetComponent<Button>();btn.onClick.AddListener(OnClick);}private void OnClick(){Debug.Log("666");}}当添加事件时 // 实例化一个ButtonClickedEvent的事件 [Formerl…...
永磁同步电机无速度算法--基于卡尔曼滤波器的滑模观测器
一、原理介绍 传统滑模观测器采用如下结构： 传统SMO中LPF会带来相位延迟和幅值衰减，并且需要额外的相位补偿。 采用扩展卡尔曼滤波器代替常用低通滤波器(LPF)，可以去除高次谐波，并且不用相位补偿就可以获得一个误差较小的转子位…...
微服务通信安全：深入解析mTLS的原理与实践
🔥「炎码工坊」技术弹药已装填！ 点击关注 → 解锁工业级干货【工具实测|项目避坑|源码燃烧指南】 一、引言：微服务时代的通信安全挑战 随着云原生和微服务架构的普及，服务间的通信安全成为系统设计的核心议题。传统的单体架构中&…...
算法打卡第18天
从中序与后序遍历序列构造二叉树 (力扣106题) 给定两个整数数组 inorder 和 postorder ，其中 inorder 是二叉树的中序遍历， postorder 是同一棵树的后序遍历，请你构造并返回这颗 二叉树 。 示例 1: 输入：inorder [9,3,15,20,7…...
Pydantic + Function Calling的结合
1、Pydantic Pydantic 是一个 Python 库，用于数据验证和设置管理，通过 Python 类型注解强制执行数据类型。它广泛用于 API 开发（如 FastAPI）、配置管理和数据解析，核心功能包括： 数据验证：通过…...
数据库正常，但后端收不到数据原因及解决
从代码和日志来看，后端SQL查询确实返回了数据，但最终user对象却为null。这表明查询结果没有正确映射到User对象上。 在前后端分离，并且ai辅助开发的时候，很容易出现前后端变量名不一致情况，还不报错，只是单…...