VueJS: How to Access the Previous Item in v-repeat VueJS: How to Access the Previous Item in v-repeat laravel laravel

VueJS: How to Access the Previous Item in v-repeat


In v2 of vue.js, you need to this form of v-for to get the index:

v-for="(item, index) in items"

You can then use items[index - 1] to get the previous value (making sure your function checks it isn't undefined).


You can use the $index variable along with entries like this

        <td>@{{ getCostPerDay(entries[$index-1]) + ' €' }}</td>

For more reading about $index have a look at Displaying Lists


<div v-for="grade, i in grades">    <input v-model="grade.name">    <input v-model.number="grade.percent">    <div v-if="i > 0 && grade.percent > grades[i - 1].percent">        Invalid: percent must be lower than previous grade    </div></div>