
例如:
<div>{{obj.name}}</div>
<div>{{obj.info.access_control}}</div>
data(){
return {
obj:{}
}
}
模板渲染的数据格式是 obj.name 或者 obj.info.access_control,为什么obj.name没有报以上那个错位,而obj.info.access_control会出现以上报错,由于obj的数据还未从后端请求回来将其赋值,所以obj对象还是一个空对象,没有info这个属性,那obj.info自然就是undefined,再undefined.access_control自然就会出现以上那个报错。
解决方法:在obj对象中添加info空对象
data(){
return {
obj:{
info:{}
}
}
}
本文探讨了Vue模板渲染时遇到的对象属性不存在导致的错误。当尝试访问未定义的对象属性,如`obj.info.access_control`,在数据未从后端请求并赋值给`obj`时,会导致报错。解决方法是在初始化`data`时,为`obj`添加一个空的`info`属性,避免访问`undefined`属性。通过预设空对象,可以防止模板渲染过程中的错误。
4909

被折叠的 条评论
为什么被折叠?



