Vue路由 - '/'根网址仍然有效

Question

我有一个简单的路由：

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Start',
      component: Start
    },
    {
        path: '/plan',
        name: 'Plan',
        component: Plan
    },
    {
        path: '/cel',
        name: 'Cel',
        component: Cel
    }
  ]
})

我还有一个简单的菜单：

<ul class="nav nav--top">
     <li><router-link to="/">Start</router-link></li>
     <li><router-link to="/plan">Plan</router-link></li>
     <li><router-link to="/cel">Cel</router-link></li>
</ul>

它运行正常，但我遇到活动链接类的问题。一个开始网址'/'总是类'router-link-active'，即使我有活跃的其他网址。

<ul class="nav nav--top">
    <li><a href="#/" class="router-link-active">Start</a></li> 
    <li><a href="#/plan" class="">Plan</a></li>
    <li><a href="#/cel" class="router-link-active">Cel</a></li>
</ul>

如何解决？