Question

首先，我不需要对象中的索引或任何值。我使用了一个函数将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://vuejs.org/v2/guide/list.html

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

在您的情况下，类似v-for="(category, key) in byCategory"这样的事情应该起作用。

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

1 个答案: