如何迭代嵌套的嵌套json数组？

Question

我正在尝试迭代嵌套的json数组，但是我不知道该怎么做。这是我的代码：

<script src="https://unpkg.com/vue"></script>

<div id="app">
    <div v-for="agreg in mydata.aggregated">
    <p>
      <!-- I need to iterate over nested i.e: s_inn, s_kpp -->
    </p>
   </div>
</div>

应用代码：

new Vue({
  el: '#app',
  data: {
    mydata: [{
        "t_registration_number": "0177200000918001354",
        "aggregated": [{
                "aaa": "8414440",
                "bbb": "95101",
                "nested": [{
                        "s_inn": "1111111",
                        "s_kpp": "2222222"
                    }
                ]
            }, {
                "aaa": "45770520",
                "bbb": "04641",
                "nested": [{
                        "s_inn": "3333333",
                        "s_kpp": "4444444"
                    }
                ]
            }
            ]
}
]
  }
})

https://jsfiddle.net/k37e28sp/1/

Answer 1

mydata本身是一个数组，它没有名为aggregated的属性，它具有包含aggregated的对象列表。因此，您必须首先遍历mydata。

Js Fiddle：https://jsfiddle.net/3r9aefqu/

模板

<script src="https://unpkg.com/vue"></script>

<div id="app">
  <!-- For each object in my mydata -->
  <div v-for="data in mydata">
    {{ data.t_registration_number }}
    <!-- For each aggregated inside each of mydata -->
    <div v-for="agg in data.aggregated">
      aaa :{{ agg.aaa }} bbb: {{ agg.bbb }}
      <div v-for="n in agg.nested">
        s_inn : {{n.s_inn}} s_kpp: {{ n.s_kpp }}
      </div>
      =======================
    </div>

  </div>
</div>

Vue

new Vue({
  el: '#app',
  data: {
    mydata: [{
      "t_registration_number": "0177200000918001354",
      "aggregated": [{
        "aaa": "8414440",
        "bbb": "95101",
        "nested": [{
          "s_inn": "1111111",
          "s_kpp": "2222222"
        }]
      }, {
        "aaa": "45770520",
        "bbb": "04641",
        "nested": [{
          "s_inn": "3333333",
          "s_kpp": "4444444"
        }]
      }]
    }]
  }
})

输出

0177200000918001354
aaa :8414440 bbb: 95101
s_inn : 1111111 s_kpp: 2222222
=======================
aaa :45770520 bbb: 04641
s_inn : 3333333 s_kpp: 4444444
=======================