読者です 読者をやめる 読者になる 読者になる

カメ飼ってる新米エンジニアの覚書き

とにかくカメがかわいい

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>

やっぱり、横着せずにちゃんと書かないとね・・