Vue.js v-for循环绑定数组中的项对象，并在更改时更新

Question

我有一个组件，正在使用v-for循环遍历应用程序$root级别的对象数组来填充列表。

在我的应用程序的其他组件中，我将EventBus.$emit数据更新数据库中的表。这意味着$root数组数据将更新。

有没有一种方法可以绑定或映射我创建的v-for列表，以便使用索引或其他方法进行检测和更新？

以下是示例循环和示例$root数据。

我想我希望有一种方法可以通过使用[index]连接数组中的对象

<v-list-item-content v-if="this.$root.people">
<div v-for="(item, index) in this.$root.people" :key="item.id">
<div>
<span v-html="this.$root.people[index].value"></span>
</div>
</div>
</v-list-item-content>

我的数组是这样的。

people:Array[2]
0:Object
event_id:6
submission_values:Array[4]
0:Object
value:"Danny"
1:Object
2:Object
3:Object

Answer 1

我想如果people已经是被动的，那么您应该看看如何更新这个数组。关于在VueJS中更新反应式数组，有一些注意事项，请查看官方文档