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?

avatar vikoms
@vikoms

6 Kontribusi 1 Poin

Diperbarui 4 tahun yang lalu

2 Jawaban:

Jawaban Terpilih

argument kedua untuk v-for

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

avatar jajanjawa
@jajanjawa

28 Kontribusi 12 Poin

Dipost 4 tahun yang lalu

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

avatar notfound1
@notfound1

61 Kontribusi 14 Poin

Dipost 4 tahun yang lalu

Login untuk ikut Jawaban