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

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

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

子组件通过props接收。

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

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

相关推荐
超凌6 分钟前
threejs 创建了10w条THREE.Line,销毁数据,等待了10秒
前端
车厘小团子24 分钟前
🎨 前端多主题最佳实践:用 Less Map + generate-css 打造自动化主题系统
前端·架构·less
芒果12529 分钟前
SVG图片通过img引入修改颜色
前端
海云前端141 分钟前
前端面试ai对话聊天通信怎么实现?面试实际经验
前端
一枚前端小能手44 分钟前
🔧 半夜被Bug叫醒的痛苦,错误监控帮你早发现
前端
Juchecar1 小时前
Vue 3 单页应用Router路由跳转示例
前端
这人是玩数学的1 小时前
在 Cursor 中规范化生成 UI 稿实践
前端·ai编程·cursor
UncleKyrie1 小时前
🎨 市面上主流 Figma to Code MCP 对比
前端
李明卫杭州1 小时前
CSS `clamp()` 函数详解
javascript
奶丝兔蜜柚1 小时前
栈溢出优化
javascript