`router-link-active` 类名意外地应用于指向`/` 的 <router-link>
The `router-link-active` classname unexpectedly applies to a <router-link> which is pointing to `/`
我已经使用 vue-router 在 Vue 项目上设置了非常基本的路由。
router-link-active classname 按预期应用于活动根。在下面的 gif 中，当 /foo 处于活动状态时，这将是 'Foo'，等等
但是，link 到 'Hello world' 也有 router-link-active 类名。
为什么要应用它，我如何确保它仅在我处于 / (localhost:8080) 时有效？
将 exact 道具放入您的 "/" 路线
The default active class matching behavior is inclusive match. For
example, will get this class applied as long as
the current path starts with /a.
One consequence of this is that will be active
for every route! To force the link into "exact match mode", use the
exact prop:
<!-- this link will only be active at / -->
<router-link to="/" exact>
这是您需要的：jsFiddle
我已经使用 vue-router 在 Vue 项目上设置了非常基本的路由。
router-link-active classname 按预期应用于活动根。在下面的 gif 中，当 /foo 处于活动状态时，这将是 'Foo'，等等
但是，link 到 'Hello world' 也有 router-link-active 类名。
为什么要应用它，我如何确保它仅在我处于 / (localhost:8080) 时有效？
将 exact 道具放入您的 "/" 路线
The default active class matching behavior is inclusive match. For example, will get this class applied as long as the current path starts with /a.
One consequence of this is that will be active for every route! To force the link into "exact match mode", use the exact prop:
<!-- this link will only be active at / -->
<router-link to="/" exact>
这是您需要的：jsFiddle