美文网首页
父组件传值给子组件传值时报错

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

作者: 李昂李三光 | 来源:发表于2018-11-09 10:15 被阅读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>
    

    相关文章

      网友评论

          本文标题:父组件传值给子组件传值时报错

          本文链接:https://www.haomeiwen.com/subject/qeynxqtx.html