Vue.jsのトランジションアニメーション[リスト編]
前回は一つの要素に対してトランジションアニメーションをしましたが、今回はリストなど複数の要素に対してトランジションをしてみます。
- 投稿日
- 更新日
前回は一つの要素に対してトランジションアニメーションをしましたが、今回はリストなど複数の要素に対してトランジションをしてみます。
Vue.jsでトランジションアニメーションしたいときはtransitionタグを使えば簡単にアニメーションできるのでご紹介いたします。
Laravelで通常プライマリキーは連番のIDになっていますが、これだとURLなど表示部分にIDを使用している場合、推測されてしまうのでよろしくないときがあります。
そこでIDをランダムな文字列(UUID)に変更する方法ご紹介します。
Laravelでデータベーステーブルで一意であることをバリデートしたい場合「unique:テーブル名」と記述しますが、確かに追加する場合はちゃんとにバリデートしてくれますが、更新時も自分自身のレコードも含んでしまうので更新できなくなってしまいます。
この解決方法をご紹介します。