vue遍历对象数组取到的不是对象值,是整个对象?

对象数组

data :{
    arr:[{a:"aaa"},{a:"bbb"}]
    }`

html里

<div v-for="(val,key,index) in arr">
    {{val}},{{key}},{{index}}
</div>

val显示的是

       {a:"aaa"}
       {a:"bbb"}

key显示的是下标数 0 1
index无值
web开发模式下看arr是
2019-12-22_152227.png
下标做对象的key,整个对象是value
现在想取每个对象的key和value怎么写?

阅读 2.4k
评论
    2 个回答
    <div v-for="(val) in arr">
        {{ val['a'] }}
        // 或者遍历对象
        <div v-for="(value, key) in val">
         {{ value }}  {{ key }}
        </div>
    </div>
      相似问题
      推荐文章