父组件传递异步请求的数据给子组件,子组件打印为空

碰到一个这样的问题,

// 父组件

<nav-head :projeList="projeList" @getMessage="getmessagefromChild"></nav-head>

传递的projeList ,是从created函数中执行获取到的
// 子组件

props:["projeList"],

created() {
  	console.log("测试",this.projeList)
},

接口是有数据的,但是子组件就是获取不到。

解决:

// 父组件 

<div v-if="projeList.length>0">
	<nav-head :projeList="projeList" @getMessage="getmessagefromChild"></nav-head>
</div>

在父组件上加一层div,等projeList有数据之后,再去加载子组件。

猜你喜欢

转载自blog.csdn.net/YZ_ZZZ24/article/details/122493680