Vue 父组件访问接口传值给子组件

正常情况,父组件传值给子组件,通过在父组件引用子组件的地方,利用:data="data"传递

html 复制代码
<child :data="data" />

子组件通过props接收。

但是若data数据是父组件通过访问后台接口获取到,则存在异步问题,由于父组件访问接口的返回值还未返回,所以子组件在访问data数据时为空。如何解决这个问题?

父组件引用子组件的地方,利用v-if来判断渲染条件,该判断条件在接口有返回值时设为true,这样可解决访问异步问题。

相关推荐
gyx_这个杀手不太冷静10 分钟前
OpenCode 深度解析:架构设计、工具链集成与工程化实践
前端·架构·ai编程
m0_4592524629 分钟前
fastadmin动态渲染统计信息
开发语言·前端·javascript·php
该怎么办呢40 分钟前
Source/Core/Matrix4.js
前端·javascript
小江的记录本40 分钟前
【MyBatis-Plus】Spring Boot + MyBatis-Plus 进行各种数据库操作(附完整 CRUD 项目代码示例)
java·前端·数据库·spring boot·后端·sql·mybatis
console.log('npc')1 小时前
响应式布局的 Element UI、Ant Design 24栅格布局
vue.js·ui
于慨1 小时前
Capacitor
前端
该怎么办呢2 小时前
Source/Core/Event.js
开发语言·javascript·ecmascript·cesium
IT凝冬2 小时前
liunx 的 centos7 安装ngin
前端
赵锦川2 小时前
大屏比例缩放
前端·javascript·html
该怎么办呢2 小时前
Source/Core/DeveloperError.js
开发语言·javascript·ecmascript