问题
==> 由于请求的数据量过大,造成了数据延迟,导致子组件渲染时拿不到数据。
前端小白的解决思路
==> 等拿到数据以后,设置一个flag,再使用v-if控制子组件显示,本质就是刷新子组件。
<template>
<Son
v-if = "isShow == true"
:data = "data"
@save="save"
>
</Son>
</template>
<script>
export default {
data(){
return{
data:{},
isShow:false
}
},
created() {
api请求.then(
(res) =>{
this.isShow = true;
}
)
},
}
</script>