vue.jsのindexについて
vue.jsでこの書き方できるんだと思ったら、そうでもなかったのでメモ。
<li v-for="todo in todos"> {{todo.text}} <input type="submit" value="削除" v-on:click="remove(todo.index)" /> </li>
これで動いた気がしたから、いけるんだ!って思ったら、挙動がおかしかった。。
todo.indexのリストの値を削除するっていうclickのメソッドなんだけど、 一番最後のliを削除しようとすると、一番上のliが消える・・
んん?
値がうまく取れていないみたいでした。
<li v-for="todo, index in todos"> {{todo.text}} <input type="submit" value="削除" v-on:click="remove(index)" /> </li>
やっぱり、横着せずにちゃんと書かないとね・・