Javascript 在Vue.js中显示数组中列表的全部内容

我希望在模块导出中使用的数组中显示列表的全部内容-列出

事件的所有
参与者
。
我有另一个组件处理所有事件的渲染，所以在这个组件中，我只需要显示一个事件的数据

我的数据：

events [
    {
        "id":1,
        "participants": ["John Smith",  "Victoria Abraham", "Anthony Manning"]
    },
    {
        "id":2,
        "participants": ["Victoria Abraham",  "Lily Knox"]
    },
    {
        "id":3,
        "participants": ["Lily Knox",  "Anthony Manning", "Joan Scott"]
    }   
]   

处理
事件
呈现的代码部分

<template v-for="event in events">
       Participants:
        <li v-for="participant in event.participants" :key="participant">{{ event.participants[participant] }}</li>
</template>

您的
li
中的
参与者
指的是参与者的姓名，而不是参与者列表的索引

写
参与者
而不是
事件。参与者[参与者]
在你的身体里

Event 1
Participants:
-
-
-

Event 2
Participants:
-
-

Event 3
Participants:
-
-
-