如何获取 JavaScript object 的键的字符串值？

Question

首先，我不想要 object 中的索引或任何值。 我使用 function 将这些元素从 json 文件中分组。 在页面上显示它们时，我想要一个显示该对的“键”的部分标题。 所以一个部分会说Tanning Standup和Tanning LayDown，里面有孩子。 有没有办法做到这一点？

{
   "Tanning StandUp": [
      "20 Sessions",
      "10 Sessions",
      "5 Sessions",
      "1 Session",
      "Unlimited Tanning for 1 Month"
   ],
   "Tanning LayDown": [
      "20 Sessions",
      "10 Sessions",
      "5 Sessions",
      "1 Session",
      "Unlimited Tanning for 1 Month"
   ],
}

vueFile.vue

<section v-bind:key="category.ID" v-for="category in byCategory">
    {{byCategory}}
    <p v-bind:key="item.ID" v-for="item of category">{{item}}</p>

_______________________

  computed: {
    byCategory() {
      return this.servicesJson.reduce((acc, user) => {
        (acc[user.Category] = acc[user.Category] || []).push(user.Item);

        return acc;
      }, {});
    }
  }
</section>

Answer 1

https://v2.vuejs.org/v2/guide/list.html

您还可以为属性名称（又名键）提供第二个参数。

所以像v-for="(category, key) in byCategory"这样的东西应该适用于你的情况。