エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Vueとbulmaでサイドメニューを作る - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Vueとbulmaでサイドメニューを作る - Qiita
仕様: SideMenu.vueというファイル名で定義する。 見た目はこの形: また、各メニューリンクを押すと色... 仕様: SideMenu.vueというファイル名で定義する。 見た目はこの形: また、各メニューリンクを押すと色が変わる。 準備 注意:vue-cliで作成したプロジェクトでの仕様を前提とする 必要npmをインストール。 サイドメニューの実装 vueファイル(SideMenu.vue)。コード内のmenu-listがメニューの主要クラスで、この中にliで要素を定義するとそれぞれがメニューの項目になる。 また、changeActiveLinkメソッドをクリック時に発動させることで、各メニュー項目が押されたらそれに対してis-active'を設定することでアクティブ時の色に変更する。 <template> <aside class="column is-2 is-narrow-mobile is-fullheight section is-hidden-mobile has-backgroun