Javascript V-for中包含一个数组
我正在迭代一个JSON数组,但在从其中的另一个数组获取数据时遇到问题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" } } ] } 但我不能把姓名和电
{
"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。我用<li v-for="(data, index) in importedData.someData" :key="index">
{{data.name}}
<span v-for="(contactInfo, ciIndex) in data.contactInfo">
{{contactInfo.phone}}
</span>
</li>