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

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

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

子组件通过props接收。

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

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

相关推荐
学习前端的小z1 分钟前
【前端】深入理解 JavaScript 逻辑运算符的优先级与短路求值机制
开发语言·前端·javascript
星星会笑滴4 分钟前
vue+node+Express+xlsx+emements-plus实现导入excel,并且将数据保存到数据库
vue.js·excel·express
前端百草阁24 分钟前
【TS简单上手,快速入门教程】————适合零基础
javascript·typescript
彭世瑜25 分钟前
ts: TypeScript跳过检查/忽略类型检查
前端·javascript·typescript
FØund40426 分钟前
antd form.setFieldsValue问题总结
前端·react.js·typescript·html
Backstroke fish26 分钟前
Token刷新机制
前端·javascript·vue.js·typescript·vue
zwjapple26 分钟前
typescript里面正则的使用
开发语言·javascript·正则表达式
小五Five27 分钟前
TypeScript项目中Axios的封装
开发语言·前端·javascript
小曲程序27 分钟前
vue3 封装request请求
java·前端·typescript·vue
临枫54128 分钟前
Nuxt3封装网络请求 useFetch & $fetch
前端·javascript·vue.js·typescript