在我的部分,我有以下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>
什么是URL看起来像你尝试导航后? –