Question

我正在处理一些扁平化的json数据，但是在访问部分数据时遇到了麻烦，因此我希望使用可以访问的元素，然后获取其父元素进行显示。我需要获取具有多个值的任何数组的计数，如果只有一个，则只显示该值，我可以这样做。我遇到这个问题的地方是试图显示数组的父（也许不是最好的术语？）值。

例如，如果这是我的json数据：

{
  "Dogs": [
      {   
          "Name": "Gus",
          "Leashes": {
              "564": [
                  6
              ]
          }

      },
      {   
          "Name": "Jake",
          "Leashes": {
              "15775": [
                  "457",
                  "787",
                  "278"     
              ]
          }
      },
  ]
}

我该怎么做才能访问“ 564”和“ 15775”值，以便可以在表的左栏中显示它们？我知道数据很差，应该在其中使用ID或其他某种东西对它进行标准化，但事实并非如此，在他们修复转换并纠正数据之前，我无能为力。在此示例中，要获取长度或仅显示我需要的数据，可以使用如下所示的内容（请忽略跨度，该数据将放在表中）：

<template v-for="Dog in Dogs">
    <template v-for="Leash in Dog.Leashes">
        <span v-if="Leash.length <= '1'">{{ Leash[0] }}</span> (Gives me 
        the values which is good)
        <span v-if="Leash.length > '1'">{{ Leash.length }}</span> (Gives 
        me the count, also good)
    </template>
</template>

我遇到的问题是试图显示那些父值。我使用的是表格，左列需要父级“ ID”，右列需要值（我可以获取）。任何帮助将不胜感激。目前，尝试将函数或Vue实例用于数据尚不可行。我看到了一些有关如何执行此操作的复杂示例，但我无法使它们正常工作。是否有以下内容：

<template v-for="Dog in Dogs">
    <template v-for="Leash in Dog.Leashes">
        <span>{{ Leash.parent }}</span>
    </template>
</template>

使用{{Leash}}给我数组。

在这里，任何帮助将不胜感激。一旦它们实际上正确地获得了数据，我将不得不重做其中的一些，但是就目前而言，这是我正在使用的。

Answer 1

您需要访问driver_number | price F 3350 NN 350000 AX 111 Z 400000 S 787 X 375000 T 9090 M 900000 P 8989 L 500000的密钥，因此您需要执行以下操作：

period         |    total       
May                1275000

数据：

Leash

我复制了此代码，以我为例，给了我<template v-for="Dog in dogs"> <template v-for="(Leash, name, index) in Dog.Leashes"> <span>{{ name }} </span> </template> </template>和data() { return { dogs: [ { Name: 'Gus', Leashes: { 564: [ 6, ], }, }, { Name: 'Jake', Leashes: { 15775: [ 457, 787, 278, ], }, }, ], } }。那是你想要的吗？

如何使用Vue

1 个答案: