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

我正在遍历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>

或类似的方法可以得到它，但我只是获得对象。

最佳答案

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>