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

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

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

子组件通过props接收。

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

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

相关推荐
阿白的白日梦2 分钟前
JSX 元素隐式具有类型 "any",因为不存在接口 "JSX.IntrinsicElements"。ts 无法使用 JSX,除非提供了 "--js
前端·javascript·typescript
amagi6002 分钟前
关于黑马程序员微信小程序案例3-3的静态配置问题
前端
uhakadotcom2 分钟前
nginx的JavaScript魔力:njs简介与实践
javascript·后端·面试
curdcv_po6 分钟前
React 进阶:useReducer 详解与实战指南
前端
用户40993225021211 分钟前
深入掌握FastAPI与OpenAPI规范的高级适配技巧
前端·javascript·后端
东东__net11 分钟前
1_vue基本_插件
java·前端·javascript
moz与京12 分钟前
【附JS、Python、C++题解】Leetcode面试150题(12)多数问题
javascript·python·leetcode
curdcv_po19 分钟前
聊一聊js的全局作用域和局部作用域
前端
阿珊和她的猫1 小时前
Vue.js的多个组件过渡:实现组件的动态切换
前端·javascript·vue.js
李鸿耀1 小时前
深入浅出JavaScript AOP:面向切面编程实践指南
前端·javascript