vue-父组件传值props(对象)给子组件

props传值你们都很清楚,

 

###prps 能够传一个数字

###prps 能够传一个布尔值

###prps 能够传一个数组

###prps 能够传一个对象

###prps 能够传一个对象的全部属性

 

今天就遇到了 在传对象时,所须要的问题.

 

问题:

1.从父组件传来了

props['info']  // info 就是一个数组,每一项就是一个对象

其中我须要用到info[0].id //这个值

 

因而 我在mounted:{

　　this.id= this,info[0].id        //////////////报错,报unfinded

}

并且打印 info 也是 打印不出来 

缘由则是 异步更新值的问题 

就是说开始的时候有个默认值，这个默认值会被异步数据改变，好比说这个异步数据返回的object，若是你用props的方式去传递这个数据，其实第一次传递的空值，第二次传递的是更新后的值，因此就出现报未找到的错误.

解决方法:
既然说第一次是空值，它会这样处理''.items[0],那么咱们是否是能够在html判断这个是否是空（或者在computed或者是watch来判断是否为默认值）

 

个人解决方法就是在watch,监听这个值 

let id = this,info && this.info[0] && this.info[0].id

 

只有等 这个id有值时 才会进行赋值 !!!!!!!!!! 

 

查了很久,可是还好找到了缘由