码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-10-19 11:51:46      阅读:828      评论:0      收藏:0      [点我收藏+]

标签:watch   compute   this   数据   ops   items   开始   一个   异步   

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有值时 才会进行赋值 !!!!!!!!!! 
 
查了好久,但是还好找到了原因
 

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

标签:watch   compute   this   数据   ops   items   开始   一个   异步   

原文地址:https://www.cnblogs.com/whh-16/p/9814931.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!