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

Posted 2021-01-13 whh-16

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有值时 才会进行赋值 !!!!!!!!!! 

 

查了好久,但是还好找到了原因