vue踩坑记:属性报undefined错误
在一个组件里,通过props传值进去对象,在控制台打印报错误信息,提示某属性不存在。例如:<div>{{data.param.aaa}}</div>类似这种的,取对象子级下面的值,就报了undefined。原因应该是在初始传值,最多默认 data={}。我尝试在props里设置好默认值,但是依然报错这么设置的props:props:{...
·
在一个组件里,通过props传值进去对象,在控制台打印报错误信息,提示某属性不存在。
例如:
<div>{{data.param.aaa}}</div>
类似这种的,取对象子级下面的值,就报了undefined。
原因应该是在初始传值,最多默认 data={}。
我尝试在props里设置好默认值,但是依然报错
这么设置的props:
props:{
data:Object,
default:function(){
return {
param:''
}
}
}
这么设置,依然报错。 这个报错,应该是在父组件初始化了 data={}导致的。
最终解决方法:
<div v-if="data.param">{{data.param.aaa}}</div>
加一个if判断,就可以了。
更多推荐
已为社区贡献10条内容
所有评论(0)