Error $index pada vue js

<li v-for="todo in todos">
        <span v-bind:class="{'completed' : todo.done}">{{ todo.text }}</span>
        <button v-on:click="removeTodo($index)"> Hapus </button>
        <button v-on:click="toggleC(todo)">Done</button>
      </li>

pesan error : Property or method "$index" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See

dan yang saya baca di dokumentasi nya kalo untuk $index udh gabisa di gunakan di versi 2.xx jadi untuk pengganti property $index apa ya?

vue javascript

@vikoms

6 Kontribusi 1 Poin

Diperbarui 5 tahun yang lalu

2 Jawaban:

Jawaban Terpilih

argument kedua untuk v-for

<pre> <li v-for="(todo,index) in todos"> <span :class="{'completed' : todo.done}"> {{ todo.text }} </span> <button @click="removeTodo(index)"> Hapus </button> <button @click="toggleC(todo)">Done</button> </li> </pre>

@jajanjawa

28 Kontribusi 12 Poin

Dipost 5 tahun yang lalu

<div>[deleted] Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>

@notfound1

61 Kontribusi 14 Poin

Dipost 5 tahun yang lalu

Kelas Premium! Belajar Javascript untuk website

Error $index pada vue js

Kelas Premium!
Belajar Javascript untuk website