如何解决维如何在循环 v-for 中获取 prev 和当前值以进行比较?
我有一部分结构:
....
<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 进行比较,以便将它传递给 child,就像使用迭代++的新值
例如:
INDEX 两次等于 22 --> 在 0 上改变它并返回这个值 --> 下一个 INDEX 一对时间等于 55 --> 在 1 上改变它并返回这个值 --> 等等......
我如何在 Vue 中做到这一点? 或者,对于这个逻辑,也许还有另一种解决方案?
谢谢。
解决方法
您不需要使用显式变量事实上 v-for 本身为您提供了在迭代期间提取索引的能力
<template v-for="(item,index) in items">
<Component
:item="item"
:key="item.id"
></Component>
</template>
根据上面的代码,arrayId 属性不是必需的,因为您不再需要比较索引[因为您不会有多余的值]
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。