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

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

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

子组件通过props接收。

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

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

相关推荐
YGY Webgis糕手之路7 分钟前
OpenLayers 综合案例-底图换肤(变色)
前端·经验分享·笔记·vue·web
milanleon9 分钟前
前端路由
前端
别惊醒渔人12 分钟前
前端优化之虚拟列表实现指南:从库集成到手动开发
前端·javascript·vue.js·笔记
沫小北25 分钟前
HarmonyOS ArkTS 状态管理详解
前端
开开心心就好29 分钟前
Excel批量加密工具,一键保护多个文件
java·javascript·人工智能·安全·excel·音视频·语音识别
Onion_L41 分钟前
Rust CLI 发布 NPM 的开发记录🫕
前端·rust·npm
右子41 分钟前
Claude Code:介绍与使用教程
前端·人工智能·后端
bigyoung42 分钟前
如何使用 `react-i18next` 来国际化一段包含 React 组件的文本
前端·javascript
沐土Arvin44 分钟前
前端代码格式化工具HTML离线版
前端
舟舟好梦1 小时前
SZU大学物理实验报告|光敏电阻
前端