vue v-for遍历取值

Question

var arr = [{key1:{obj1:{value1:1,value2:2}}},{key2:{obj2:{value3:1,value4:2}}}];请问如何在v-for中取到key1.obj1.value1的值呢？我已经试过v-for(item in arr),html代码中{{item.obj1.value1}}，结果报错obj1为undefined

Answer 1

{{item.key.obj1.value1}}

这样处理
如果 说 是后端传来的数据 最好还要判断一下 当前 item 存不存在

Answer 2

你这种不用写代码都知道问题的原因!!

v-for数组  俩组数据 

{ "key1": { "obj1": { "value1": 1, "value2": 2 } } }

{ "key2": { "obj2": { "value3": 1, "value4": 2 } } }

 item.key1.obj1.value1   第一组数据是访问的到  第二组是没有key1 属性的 肯定报错

 你要想v-for 必须是数据格式 以及命名相同的数据才可以这样去写

Answer 3

item.key1 ? item.key1.obj1.value1 : item.key2.obj2.value3