ホームページ  >  記事  >  ウェブフロントエンド  >  ルーティングナビゲーションメニューバーのVue-highlight設定方法

ルーティングナビゲーションメニューバーのVue-highlight設定方法

亚连
亚连オリジナル
2018-05-29 17:09:161949ブラウズ

以下に、Vue-routing ナビゲーション メニュー バーのハイライトを設定する方法に関する記事を共有します。これは、非常に参考になるので、皆さんのお役に立てれば幸いです。

は次のとおりです:

デフォルトでは、ルーティング ナビゲーション メニューは、router-link-exact-active クラスと router-link-active クラスを現在のメニューに自動的に追加します。

linkActiveClass を通じてクラス名 router-link-active を変更できます。

ルーティング ルール設定に設定項目 linkActiveClass: 'mui-active' を追加し、'mui-active' を使用してメニュー バーの切り替えスタイルをカスタマイズします

以上は皆さんのためにまとめたもので、今後皆さんのお役に立てれば幸いです。

関連記事:

ユーザー名が利用可能かどうかを検証するjQueryベースのAjax検証実装例

jQueryで実装したトリガーボタン入力イベント関数の例

jQuery+Cookieでスキンを実装する切り替え機能

以上がルーティングナビゲーションメニューバーのVue-highlight設定方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。