VueJS 내 구성 요소에서

나는이 같은 이벤트 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 - 라우터는 하나가 : http://localhost:8080/event/59f4906d8835582773ef769a 모든 것이 좋으며 이벤트 세부 정보 페이지가로드됩니다. 그러나이 구성 요소에서 예를 들어/이벤트 페이지로 이동하려고하면 이벤트 구성 요소가로드되지 않고 동일한 페이지에 머물러 있습니다. 내가 멀리 페이지에서 탐색하는 데 사용할

링크는이 같은 <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 내 구성 요소에서

답변

관련 문제