How to skip or start from another index in v-for?

Question

Vue.js

<tr v-for="(value, index) in this.pedometer.gps.points"
                        :key="index"
                    >
                        <td v-text="`${value.latitude} ${value.longitude}`" />
                        <td v-text="`${pedometer.gps.points[index + 1].latitude} ${pedometer.gps.points[index + 1].longitude}`" />
                        <td v-text="distanceBetweenCoords(
                            value.latitude,
                            value.longitude,
                        pedometer.gps.points[index + 1].latitude,
                        pedometer.gps.points[index + 1].longitude)"
                        />
                    </tr>

client.js?06a0:77 TypeError: Cannot read property 'latitude' of undefined
    at eval (index.vue?9726:269)

Naturally, the arr.length + 1 index is not in the array.

Answer 1

v-if="(index === value)"
v-if="(index > value)"
v-if="(index < value)"