2017-10-29 23 views
0

私はこの1つのようなイベントIDのURLにアクセスすると、私は'/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' 
     } 
    ] 

の動的なイベントでは、次のVUE-ルータのルート1を持っています:http://localhost:8080/event/59f4906d8835582773ef769aすべてが問題なく、イベントの詳細ページが読み込まれます。しかし、このコンポーネントから/ eventsページなどに移動しようとすると、イベントコンポーネントは読み込まれず、同じページにとどまります。

私はページから移動するために使用するリンクは、このような<router-link>でフォーマットされています

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

URLはあなたがナビゲートしようとした後にどのようなものが見えますか? –

答えて

1

をリンクしてください。

変更この <router-link to="events">Events</router-link> <router-link to="/events">Events</router-link>

それでも問題が解決しない場合は、この例をチェックアウトする:http://jsfiddle.net/657f3twk/

+0

ありがとう!どのように私はこれを見て、それはとても明白です: - D –

0

は正確なあなたは、ルートパスに/を追加する必要があります

<router-link to="/" exact>Home</router-link> 
<router-link to="/events" exact>Events<router-link> 
... 
関連する問題