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

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

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

子组件通过props接收。

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

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

相关推荐
神仙别闹13 分钟前
基于tensorflow和flask的本地图片库web图片搜索引擎
前端·flask·tensorflow
aPurpleBerry37 分钟前
JS常用数组方法 reduce filter find forEach
javascript
GIS程序媛—椰子1 小时前
【Vue 全家桶】7、Vue UI组件库(更新中)
前端·vue.js
DogEgg_0011 小时前
前端八股文(一)HTML 持续更新中。。。
前端·html
ZL不懂前端1 小时前
Content Security Policy (CSP)
前端·javascript·面试
乐闻x1 小时前
ESLint 使用教程(一):从零配置 ESLint
javascript·eslint
木舟10091 小时前
ffmpeg重复回听音频流,时长叠加问题
前端
王大锤43911 小时前
golang通用后台管理系统07(后台与若依前端对接)
开发语言·前端·golang
我血条子呢2 小时前
[Vue]防止路由重复跳转
前端·javascript·vue.js
黎金安2 小时前
前端第二次作业
前端·css·css3