Javascript 在v-for循环中显示特定数据时出现问题

我正在尝试使用从ts文件中的getter接收的特定值创建div。我正在使用Vue.js

过滤器：过滤器，
//例如[
//0:{filter:“filter1”}
//1:{filter:“filter2”}
//2:{filter:“filter3”}
//3:{filter:“filter4”}
//      ]
价值观：价值观，
//例如[
//0:{value:“11111”}
//1:{value:“22222”}
//2:{value:“33333”}
//3:{value:“44444”}
//      ]

我想要实现的是在每个分区中显示4个div和

{{item.filters.filter}
{{item.values.value}

---

我所能做的就是显示整个filters/values数组，但我不知道如何为每个后续div从数组中“抛出”另一个值。我的意思是第一个

值[0]

和

过滤器[0]

第二个

值[1]

和

过滤器[1]

等等。如果我理解你的要求，应该是：

{{item.filters[index].filter}
{{item.values[index].value}

---

您可以使用

索引

按索引访问阵列

是否可以显示

过滤器组件（）

？这个

v-for

看起来不正确，即使

索引是fixedIt-works！真不敢相信我的解决方案这么简单，我想不出来。非常感谢您抽出时间：）