在Vue路由的配置中,可以使用動態路由參數作為重定向的目標。具體的設置方法如下所示:
const routes = [
{
path: '/user/:id',
component: User,
children: [
{
// 動態重定向到用戶信息頁面
path: '',
redirect: to => {
return `/user/${to.params.id}/info`
}
},
{
// 用戶信息頁面
path: 'info',
component: UserInfo
},
{
// 用戶設置頁面
path: 'settings',
component: UserSettings
}
]
}
]
在上述示例中,通過動態路由參數:id
來匹配用戶的ID,在重定向配置中,通過to.params.id
獲取當前動態路由參數的值,然后將其拼接到重定向的目標路徑中。
當用戶訪問/user/123
時,會被重定向到/user/123/info
頁面,而不是顯示空頁面。