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

亚连
リリース: 2018-05-29 17:09:16
オリジナル
2019 人が閲覧しました

以下に、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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!