Vue.js

Question

我有一个嵌套对象，只想打印对象名称。我如何在 vue.js 中执行此操作？

var object1 = {
  'obj1' : {
    'obj1a' : 'a',
    'obj1b' : 'b'
  },
  'obj2' : {
    'obj2c' : 'c',
    'obj2d' : 'd'
  }
}

此代码打印被迭代对象的全部内容：

<div v-for="obj in object1" v-bind:key="obj">
  {{ obj }}
</div>

如何让它只打印字符串 obj1 和 obj2？

谢谢！

Answer 1

在v-for循环中添加key,index，如v-for="(obj,key,index) in object1"

<div v-for="(obj,key,index) in object1" v-bind:key="obj">
  {{ key }}
</div>

Answer 2

您可以使用 v-for="(value, key ) v-for 如下

<div v-for="(value, key ) in object1" >
  {{ key }}
</div>

Vue.js - v-for 仅打印对象名称