VueJS路由導航不工作的動態路由組件時

在我的部分，我有以下VUE路由器路由一個與'/event/:id'VueJS路由導航不工作的動態路由組件時

routes: [ 
     { 
      path: '/', 
      name: 'Dashboard', 
      component: Dashboard 
     }, 
     { 
      path: '/events', 
      name: 'Events', 
      component: Events, 
      beforeEnter: requireAuth 
     }, 
     { 
      path: '/event/:id', 
      name: 'Event details', 
      component: EventDetails, 
      alias: 'test' 
     } 
    ]

動態事件當我訪問的事件ID的URL像這樣的：http://localhost:8080/event/59f4906d8835582773ef769a一切都很好，並加載事件詳細信息頁面。但是，如果我嘗試從該組件導航到例如/ events頁面，則事件組件不會加載，並且我保持在同一頁面上。

我用它來導航離開該頁面中的鏈接的格式與<router-link>這樣的：

<router-link to="events">Events</router-link>

來源

2017-10-29 Tom Franssen

什麼是URL看起來像你嘗試導航後？ –

你應該在路由路徑中添加/。

更改此 <router-link to="events">Events</router-link> 到<router-link to="/events">Events</router-link>

如果仍然有問題，看看這個例子：http://jsfiddle.net/657f3twk/

來源

2017-10-29 08:39:22

非常感謝！我是如何看待這一點的，這很明顯：-D –

嘗試精確鏈接

<router-link to="/" exact>Home</router-link> 
<router-link to="/events" exact>Events<router-link> 
...

來源

2017-10-29 08:23:43 WaldemarIce

VueJS路由導航不工作的動態路由組件時

回答

相關問題