在父组件传值给子组件时,会报出找不到属性的错
报错信息:找不到某个值
这是因为父组件传入给子组件的这个值,是由ajax
请求的,当ajax
请求到数据之前,父组件定义的默认值就会先传过来,导致子组件接收到父组件的默认值
父组件:
<playlist-head :dataDe="dataDetail" ></playlist-head>
初始值:
data(){
return {
listDetail:'',
dataDetail:''
}
}
ajax:
this.dataDetail = res.data.playlist;
因此在子组件接收到的值是一个空的字符串,如果使用默认定义也是没有办法接收到值的。最好的方式就是接到值后做一个判断,如果是空值就不输出
子组件:
<div class="playlistHead" v-if="dataDe">
...
</div>
网友评论