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

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

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

子组件通过props接收。

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

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

相关推荐
三巧8 分钟前
纯CSS吃豆人(JS仅控制进度)
javascript·css·html
SummerGao.9 分钟前
【解决】layui layer的提示框,弹出框一闪而过的问题
前端·layui
软件技术NINI25 分钟前
html css js网页制作成品——HTML+CSS+js美甲店网页设计(5页)附源码
javascript·css·html
天天扭码37 分钟前
从数组到对象:JavaScript 遍历语法全解析(ES5 到 ES6 + 超详细指南)
前端·javascript·面试
拉不动的猪38 分钟前
前端开发中常见的数据结构优化问题
前端·javascript·面试
街尾杂货店&39 分钟前
css word
前端·css
Мартин.42 分钟前
[Meachines] [Hard] CrimeStoppers LFI+ZIP-Shell+Firefox-Dec+DLINK+rootme-0.5
前端·firefox
冰镇生鲜42 分钟前
快速静态界面 MDC规则约束 示范
前端
技术与健康1 小时前
【解读】Chrome 浏览器实验性功能全景
前端·chrome
Bald Monkey1 小时前
【Element Plus】解决移动设备使用 el-menu 和 el-sub-menu 时,子菜单需要点击两次才会隐藏的问题
前端·elementui·vue·element plus