Vue。如何在循环 v-for 中获取 prev 和 current 值以进行比较？

Question

我有一部分结构：

....
<template v-for="(item, INDEX) in someList">
    <template v-if="thisIsArrayList(item)">
        <template v-for="(_item) in item">
            <Component
                :item="_item"
                :key="_item.id"
                :myprop="checkIndex(INDEX)" - makes here some manipulation with prev and current INDEX and return iterration++ 0, 1
            ></Component>
        </template>
    </template>
    <template v-else>
        ....
    </template>
</template>
....

INDEX 可以多次使用相同的值，例如 (22, 22, 22) 下一步，例如 (25, 25) 等等.. 所以我尝试在 props:arrayId 中将 prevINDEX 与 currentIndex 进行比较，以便通过迭代++ 将其传递给子项，就像新值一样

例如：

INDEX 几次等于 22 --> 将其更改为 0 并返回此值 --> 下一个 INDEX 夫妇时间等于 55 --> 将其更改为 1 并返回此值 --> 依此类推...

如何在 Vue 中做到这一点？ 或者也许这个逻辑有另一种解决方案？

谢谢。

Answer 1

您不需要使用显式变量事实上 v-for 本身为您提供了在迭代期间提取索引的能力

<template v-for="(item, index) in items">
    <Component
        :item="item"
        :key="item.id"
    ></Component>
</template>

根据上面的代码，arrayId 属性不是必需的，因为您不再要比较索引 [因为您不会有冗余值]