Vuejs单元格合并问题

这样的数据能用vuejs和table做出来吗
image
[
{
“flightNo”: “CA001”,
“passengers”: [
{
“name”: “张三”,
“card”: “Z12345”
},
{
“name”: “李四”,
“card”: “L25252”
},
{
“name”: “王五”,
“card”: “W978678”
}
]
},
{
“flightNo”: “CA002”,
“passengers”: [
{
“name”: “张三”,
“card”: “Z12345”
},
{
“name”: “李四”,
“card”: “L25252”
}
]
}
]

<td :rowspan="something" :colspan="otherthing">

问题点不在这里
要显示成要求的那样,每个人需要一个tr,但是人是在一个json数组的内层数组里
所以要怎么写v-for

多想一想嘛

https://jsfiddle.net/oq9hjqf7/

原来还有template,谢谢你:blush: