如何在 v-for 中访问对象属性名称

Question

我是 vuejs 的新手。我开始玩v2。我的实例数据属性中有一个带有对象的简单数组：

items: [{"theProprtyName": "thePropertyValue"}]

我做简单的 v-for：

<v-list>
    <v-list-item v-for="item in items">
        <span v-for="(key, value) in map">
            {{key}}--{{value}}
        </span>
    </v-list-item>
</v-list>

呈现：

theProprtyName--thePropertyValue

有没有更优雅的创造方式来实现最终结果？

提前致谢

Answer 1

您可以在 v-for 中获取引用名称而不是索引的属性名称：

<div v-for="(item, name) in items" :key="name"> {{name}}</div>