Vue3系でフェードアニメーション - Qiita
これは何？ 画像がフェードイン&フェードアウトするサンプル。 作った経緯 勉強のため。 かつ、ネットには動かないサンプルが大量に転がっていて腹がたったから。 今回重視したのは以下２つです。 v-for と v-if を同時に使いたい時にどうするか理解する transition によるアニメーション挙動を理解する そもそも、v-for と v-if を同時に使うことは非推奨だとドキュメントに書いてあるのに、 ネットでは同時に使っているサンプルが出てくるので、ドキュメントのことを思い出すまでに時間がかかりました。 スタイリングガイドによると、要は フィルタ済みの Object で for を回す template 構文を使って、 for と if を分ける このどちらかにしなければいけないので、今回は後者を選びました。 コード <template> <div class="slider-out
Vue.jsでお手軽carousel - Qiita
carouselって何？ carousel(カルーセル)はスライドショーの様に画像が自動でスライドしたり、手動でスライドさせたりとWebサイトにおいてメジャーな動きのある機能ですね。 デモサイト こちらの機能をVue.jsで簡単にできるのでやっていきましょう！ ※Vue CLIで環境構築が済んでいる前提で進めていきますまだの方はこちらを参考に。 Vue.js を vue-cli を使ってシンプルにはじめてみる インストール npm install vue-carousel インストール後、グローバル、使用コンポーネントで記述して使える様にしていきます。 今回はプロフィールコンポーネントで使用したかったのでpurofile.vueに書いていきます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
