Javascript V-for中包含一个数组

Javascript V-for中包含一个数组,javascript,json,vue.js,Javascript,Json,Vue.js,我正在迭代一个JSON数组,但在从其中的另一个数组获取数据时遇到问题 { "someData": [ { "name": "a Name of some kind", "contactInfo": [ { "phone": "88888888", "address": "Heaven, 666" } } ] } 但我不能把姓名和电

我正在迭代一个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>
  • {{data.name} {{data.contactInfo.phone}

  • 或者类似的方法会得到它,但我只是得到了对象。

    contactInfo
    是一个数组,而不是一个对象,您很可能需要访问第一个元素

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

    只需为
    phone
    做另一个v-for,即
    {{{info.phone}
    ARF。我用
  • 尝试了这一点,但认为我得到了一个vue错误。但结果只是HTML xD,非常感谢!PS:将在5分钟内接受
    <li v-for="(data, index) in importedData.someData" :key="index">
       {{data.name}}
       <span v-for="(contactInfo, ciIndex) in data.contactInfo">
        {{contactInfo.phone}}
       </span>
    </li>