Loops VueJs v-for循环数组中的数组

我有一个密码

<div v-for="benefit in service.benefits">
    <p>{{benefit}}</p>
</div>

我想在好处中循环数据，但它不起作用，因为v-for需要一个键，而在我的例子中，没有这个键。有没有其他方法来循环这种数据？

---

谢谢你

你可以将收益扁平化，使其成为一个计算属性，然后对其进行迭代就容易多了

var-app=新的Vue({
el:“#应用程序”，
数据：{
服务：[{
标题：“布拉布拉布拉”，
价格：'123'，
福利：['a'，'b']
},
{
标题：“布拉布拉布拉”，
价格：'12345'，
福利：['aa'，'bb']
},
]
},
计算：{
优点：功能（）{
返回此.service.flatMap(({
利益
})=>福利）
}
}
})

{{benefit}}

您可以使用v-for-in-v进行以下操作：

var-app=新的Vue({
el:“#应用程序”，
数据：{
服务：[{
标题：“布拉布拉布拉”，
价格：'123'，
福利：['a'，'b']
},
{
标题：“布拉布拉布拉”，
价格：'12345'，
福利：['aa'，'bb']
},
]
}
})

{{item.title}

我的福利：


{{benefit}}

谢谢您的回答！它实际上对我有用！实际上，我正在制作一些卡片，每张卡片都有自己的优点。但是，你的答案显示了每个对象的所有好处。除此之外，谢谢你，我将查看平面图：）

service: [
  {title: 'blablabla',
  price: '123',
  benefits: ['a', 'b']},

  {title: 'blaaablabla',
  price: '12345',
  benefits: ['aa', 'bb']},
]