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

我是 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

是否有更优雅的创建方式来实现最终结果?

提前致谢

最佳答案

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

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

https://stackoverflow.com/questions/41919535/

相关文章:

xcode - 如何点击 tvOS 模拟器中的选项卡?

python - Flask 比较字符串

javafx - 使用多个值过滤 JFX TableView

google-maps - 如何在 angular2 中显示带有地址的谷歌地图

sql - 如何将某个 SQL 列移动到表中的不同位置?

python - 如何在 Python 中将 unicode 字符串加载到 json 中?

javascript - 谷歌登录 : disable autologin on page load

python-3.x - python : How to call a variable in an

php - 使用 Carbon PHP 格式化日期

ipython-notebook - jupyter:没有可用的内核