当前位置： 首页 > article >正文

vue中 子组件在父组件中因为异步问题导致的的underfind报错问题

article 2025/1/16 17:22:58

问题描述

在首页中展示介个相同样式的卡片组件

其中子组件数据为父组件发送数据请求后获取 使用props进行传值处理

这时候我发现控制台出现了underfind报错

 

原因

当父组件通过 props 向子组件传递数据时，如果数据在父组件中是异步获取的（例如通过 API 请求），那么在数据实际到达之前，子组件可能会先渲染并尝试访问这些尚未定义的数据。这通常会导致控制台中出现 undefined 或类似的错误。

解决办法

1、使用v-if进行判断展示

2.使用默认值进行展示

结果 

我这里使用的是用v-if进行判断  虽然还是无法获取相关是msg  但是不报错


http://www.kler.cn/a/505282.html

相关文章：

  • docker swarm 部署问题 和 指定节点部署服务
  • 从0开始学习搭网站第二天
  • Springboot 注解缓存使用教程
  • 怎样利用海外云手机进行引流？
  • 机组存储系统
  • 源码安装httpd2.4
  • 通用仓库管理系统开发书 Pyside6 + Sqlite3
  • 工业界主流大语言模型后训练技术综述：偏好对齐与能力提升
  • 【Block总结】ELGCA模块，池化-转置（PT）注意力和深度卷积有效聚合局部和全局上下文信息
  • 2025-01-08 - 通用人工智能技术 - RAG - 双系统 GPU直通 - 流雨声
  • LeetCode 3066.超过阈值的最少操作数 II：模拟 - 原地建堆O(1)空间 / 优先队列O(n)空间
  • WEB 攻防-通用漏-XSS 跨站脚本攻击-反射型/存储型/DOMBEEF-XSS
  • 书生大模型基础岛第四关
  • 批量识别图片型PDF指定区域内容识别保存表格+PDF批量改名：技术难题与项目实战总结
  • 【Sql递归查询】Mysql、Oracle、SQL Server、PostgreSQL 实现递归查询的区别与案例（详解）
  • Mac操作系统zip压缩加密
  • 【Vim Masterclass 笔记10】S06L23：Vim 核心操作训练之 —— 文本的搜索、查找与替换操作（第二部分）
  • 【21天学习AI底层概念】day13 （kaggle新手入门教程）Exercise: Underfitting and Overfitting
  • 【搭建JavaEE】（2）Tomcat安装配置和第一个JavaEE程序
  • 详解如何自定义 Android Dex VMP 保护壳
  • 深度学习核函数
  • HTML学习笔记(3)
  • YOLOv10-1.1部分代码阅读笔记-dataset.py
  • Web网页实现上拉加载分页
  • 蓝桥杯刷题第二天——背包问题
  • [信息安全] 1. 企业网络安全基础知识