为了账号安全,请及时绑定邮箱和手机立即绑定

vue v-for遍历取值

vue v-for遍历取值

四季花海 2019-03-15 19:15:42
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
查看完整描述

3 回答

?
POPMUISE

TA贡献1765条经验 获得超5个赞

{{item.key.obj1.value1}}

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


查看完整回答
反对 回复 2019-04-01
?
互换的青春

TA贡献1797条经验 获得超6个赞

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


v-for数组  俩组数据 

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

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

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

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


查看完整回答
反对 回复 2019-04-01
?
慕仙森

TA贡献1827条经验 获得超8个赞

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


查看完整回答
反对 回复 2019-04-01
  • 3 回答
  • 0 关注
  • 2737 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号