在vue.js中配置RouteConfig

vue.js

2017-09-04 23 views 0 likes

我使用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中什么也看不到。

来源

2017-09-04 Vincent Decaux

回答

尝试使用active-class

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

来源

2017-09-04 19:44:06

尼斯它的作品！你怎么知道的？没有在文档中找到？ –

它实际上是https://router.vuejs.org/en/api/router-link.html。 'linkActiveClass'是你用来配置路由器的字段，但在组件'router-link'中你应该使用'active-class' –

在vue.js中配置RouteConfig

回答

相关问题