父组件传值给子组件传值时报错

2018-11-09  本文已影响0人  李昂李三光

在父组件传值给子组件时,会报出找不到属性的错


报错信息:找不到某个值

这是因为父组件传入给子组件的这个值,是由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>
上一篇 下一篇

猜你喜欢

热点阅读