パハットノート

主にUnity(C#)を中心としたプログラムの備忘録

Vue3 ドロップダウンの作成





概要など

v-forを使って要素を繰り返し表示するようにします。
また、親カテゴリには@clickに関数を設定することで、表示・非表示を切り替えられるようにします。




基本

v-forを使って要素を繰り返し表示するようにします。
また、親カテゴリには@clickに関数を設定することで、表示・非表示を切り替えられるようにします。


See the Pen
drop1
by Midori (@kimidori)
on CodePen.






応用例:縦向きのグローバルメニューの作成

サイドバーの縦長のスペースに設置用です。
当サイトでも、これに似たようなものを採用しています。


See the Pen
categoryDropdown
by Midori (@kimidori)
on CodePen.