letitride https://blog.hatena.ne.jp/letitride/ 追憶行 https://www.letitride.jp/ テック テック-Vue.js 画面イメージ HTML v-showで表示される要素の中に削除ボタンを設置した。 削除ボタンのv-on:click.stopは.stopをつけることによってli要素のv-on:clickのメソッド呼び出しを抑制できる。これをつけないと親要素のv-on:clickも発火しておかしな挙動になる。 deleteIssueメソッドにどのissueのボタンが押されたか？ここではloopのkeyを引数で与えれば、Vue側でどのオブジェクトを削除すればよいか配列の位置がわかる。 <div id="app1" class="frame"> ...略 <div id="issue-box"> <ul> <li … 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.letitride.jp%2Fentry%2F2019%2F08%2F06%2F113222" title="Vue.js issue管理　削除機能を追加した - 追憶行" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/l/letitride/20190730/20190730182859.png Hatena Blog https://hatena.blog 2019-08-06 11:32:22 rich https://www.letitride.jp/entry/2019/08/06/113222 1.0 100%