javascript - V-for 里面有一个数组

Question

我正在迭代 JSON 数组，但从其中的另一个数组获取数据时遇到问题。

{
  "someData": [
     {
        "name": "a Name of some kind",
           "contactInfo": [
           {
              "phone": "88888888",
              "address": "Heaven, 666"
           }
     }
  ]
}

但我无法以在该数据中同时获取姓名和电话作为示例。

我认为

<li v-for="(data, index) in importedData.someData" :key="index">
   {{data.name}}
   {{data.contactInfo.phone}}
</li>

或类似的东西会得到它，但我只是得到对象。

Answer 1

contactInfo 是一个数组，而不是一个对象，您最有可能需要访问第一个元素。

<li v-for="(data, index) in importedData.someData" :key="index">
   {{data.name}}
   {{data.contactInfo[0].phone}}
</li>

如果你想获取所有电话号码，你应该使用另一个v-for

<li v-for="(data, index) in importedData.someData" :key="index">
   {{data.name}}
   <span v-for="(contactInfo, ciIndex) in data.contactInfo">
    {{contactInfo.phone}}
   </span>
</li>