2017-09-04 315 views
0

我使用Vue.js 2.3,我想爲活動href定義我自己的類。在vue.js中配置RouteConfig

我在文檔中看到'linkActiveClass'選項,但我無法弄清楚如何使用它。我直接在代碼中嘗試:

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

它不起作用。我想我可以在RouteConfig中定義它,但是怎麼做呢?我在doc中什麼也看不到。

回答

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/en/api/router-link.html。 'linkActiveClass'是你用來配置路由器的字段,但在組件'router-link'中你應該使用'active-class' –