wannabe-jellyfish https://blog.hatena.ne.jp/wannabe-jellyfish/ くらげになりたい。 https://memory-lovers.blog/ Nuxt.js Vue.js Vue/Nuxtのv-forを使ったリストで削除するときに、 リスト要素が横にずれながら消えるアニメーションをしたいときの備忘録 ほぼ、Vueの公式ガイドに書いてあった。。 おぉリストのアニメーションもできた(*´ω｀*)削除時にふわっと横に消えていくヽ(=´▽`=)ﾉ公式ガイドのまま。。公式ガイドすごい。。 pic.twitter.com/nGzLeEjw2E— きらぷか@i18n補助ツール『トランスノート』開発者 (@kira_puka) June 9, 2019 こんな感じで使うっぽい ポイントは以下の4つ transition-groupをつかう リスト要素のkeyにindexは使わな… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmemory-lovers.blog%2Fentry%2F2019%2F06%2F09%2F143000" title="Vueでリスト要素がふわっと横に消えるのアニメーション(リストトランジション/transition-group) - くらげになりたい。" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2019-06-09 14:30:00 rich https://memory-lovers.blog/entry/2019/06/09/143000 1.0 100%