とーますメモ

Ruby on Rails / Goなどの学習メモ

Vue.js

【Vue.js】v-forの配列を削除すると、最後の行が消される問題

v-forで配列内をループで回して、表示させており その中で以下のように、削除を行う機能を実装したのだが 削除すると選択した行が消されず、最後の行が消されるという変な現象が発生した。[HTML] <tbody> <tr is="sample-component" v-for="(item, index) in items" v-bind:index="index" v-bind:item="item" :key="index" v-on:remove="remove_item" ></tr> </tbody> [JS] this.items.splice(index, 1);原因を調べてみると…

【Vue.js】v-forの配列を削除すると、最後だけが消されていく問題

v-forで配列内をループで回して、表示させており その中で以下のように、削除を行う機能を実装したのだが 削除すると選択した行が消されず、最後の行が消されるという変な現象が発生した。[HTML] <tbody> <tr is="sample-component" v-for="(item, index) in items" v-bind:index="index" v-bind:item="item" :key="index" v-on:remove="remove_item" ></tr> </tbody> [JS] this.items.splice(index, 1);原因を調べてみると…