2017-09-04 18 views
0

私はVue.js 2.3を使用しています。アクティブなhrefのために自分のクラスを定義したいと思います。vue.jsでRo​​uteConfigを設定する

ドックに 'linkActiveClass'オプションが表示されていましたが、使用方法がわかりません。私はコードで直接試しました:

<router-link :to="{path : 'about', linkActiveClass: 'active', exact: true}" class="item" :linkActiveClass="active"><i class="icon talk"></i> About</router-link> 

これは動作しません。私はRouteConfigでそれを定義できると思いますが、それをどうやって行うのですか?私は医者には何も見ません。

答えて

0

は、それが動作ニースactive-class

<router-link :to="{path : 'about', exact: true}" class="item" active-class="active"><i class="icon talk"></i> About</router-link> 
+0

を使用してみてください!どうして知っていますか ?文書で見つけられませんでしたか? –

+0

実際にはhttps://router.vuejs.org/ja/api/router-link.htmlにあります。 'linkActiveClass'はあなたがルータを設定するために使うフィールドですが、' router-link'のコンポーネントで 'active-class'を使うべきです –

関連する問題