vue如何获得循环v中的上一个值和当前值以进行比较?

8nuwlpux  于 2021-09-23  发布在  Java
关注(0)|答案(1)|浏览(448)

我有一部分结构:

....
<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>
....

该索引可以使用相同的值(如(22,22,22)和下一步(如(25,25)等)进行耦合。。所以我尝试在props:arrayid中比较previndex和currentindex,以便在迭代中以类似子级的新值传递它++
例如:
索引耦合时间等于22-->将其更改为0并返回此值-->下一个索引耦合时间等于55-->将其更改为1并返回此值-->依此类推。。。
我如何在vue中完成它?或者对于这种逻辑有另一种解决方案?
谢谢

8aqjt8rx

8aqjt8rx1#

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

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

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

相关问题