迭代对象时访问 v-for 中的索引

Question

我试图访问一个迭代的指数Vue公司的v-for约束力。

这是对象：

const obj = {  
  obj1: {  
    some: 'data'
  },
  obj2: {  
    some: 'data'
  },
  obj3: {  
    some: 'data'
  }
}

我正在循环它：

<li v-for="(object, index) in obj" :key="index">{{ object.some }}</li>

问题是，违背了循环执行array的index在循环执行的情况下，变量object这样不成立反复索引（例如0，1，2），但实际持有对象名称obj1，obj2，obj3。

为什么它会这样，在这种情况下我怎样才能取回我宝贵的迭代索引？

Answer 1

根据迭代对象时的文档，第二个参数是对象键。要访问索引，您应该添加第三个参数，如下例所示：

<div v-for="(value, name, index) in object">
  {{ index }}. {{ name }}: {{ value }}
</div>