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

作者: 李昂李三光 | 来源:发表于2018-11-09 10:15 被阅读0次

Vue_组件间传值
vue2.0 父子组件传值
react子组件、父组件相互传值
2018-09-05
【Vue3 从入门到实战进阶式掌握完整知识体系】011-探索组
第10节 React propTypes defaultPr
Vue - 传值
React 组件参数传递
第十讲、Vue3.x父组件给子组件传值、Props、Props验
vue不同组件间传值方式

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

报错信息：找不到某个值

这是因为父组件传入给子组件的这个值，是由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>

Vue_组件间传值
1、父组件传值给子组件2、子组件传值给父组件 1、父组件传值给子组件 2、子组件传值给父组件
vue2.0 父子组件传值
父组件传值给子组件子组件子组件通过 props 接收值父组件父组件通过标签属性传值子组件传值给父组件子...
react子组件、父组件相互传值
子组件传图片路径imgUrl值给父组件，父组件传imgaddr值给子组件子组件：父组件：
2018-09-05
组件传值问题父组件给子组件传值应该使用props。子组件要给父组件传值，需要调用父组件传递的方法。props传值...
【Vue3 从入门到实战进阶式掌握完整知识体系】011-探索组
2、组件间传值及传值校验父组件给子组件传值运行结果父组件给子组件传动态参数运行结果子组件校验父组件的传参...
第10节 React propTypes defaultPr
一、父组件给子组件传值 1.1 defaultProps 父子组件传值中，如果父组件调用子组件的时候不给子组件传值...
Vue - 传值
Vue 传值有两种：1）父组件向子组件传值（属性传值，Prop传值）2）子组件向父组件传值一、父组件向子组件传值...
React 组件参数传递
一、父组件向子组件传值父组件向子组件传值直接使用props进行传值，比如下面Root想要传值给Left,父组件R...
第十讲、Vue3.x父组件给子组件传值、Props、Props验
一、父子组件介绍二、父组件给子组件传值 1、父组件调用子组件的时候传值 2、子组件接收父组件传值三、Props...
vue不同组件间传值方式
父传子子传父非父子传值 1.父组件向子组件进行传值父组件：子组件： 2.子组件向父组件传值子组件：父组件：...