溫馨提示×

vue路由重定向怎么設(shè)置成動(dòng)態(tài)的

vue
小億
302
2023-08-04 16:48:01
欄目: 編程語言

在Vue路由的配置中，可以使用動(dòng)態(tài)路由參數(shù)作為重定向的目標(biāo)。具體的設(shè)置方法如下所示：

const routes = [
{
path: '/user/:id',
component: User,
children: [
{
// 動(dòng)態(tài)重定向到用戶信息頁面
path: '',
redirect: to => {
return `/user/${to.params.id}/info`
}
},
{
// 用戶信息頁面
path: 'info',
component: UserInfo
},
{
// 用戶設(shè)置頁面
path: 'settings',
component: UserSettings
}
]
}
]

在上述示例中，通過動(dòng)態(tài)路由參數(shù):id來匹配用戶的ID，在重定向配置中，通過to.params.id獲取當(dāng)前動(dòng)態(tài)路由參數(shù)的值，然后將其拼接到重定向的目標(biāo)路徑中。

當(dāng)用戶訪問/user/123時(shí)，會(huì)被重定向到/user/123/info頁面，而不是顯示空頁面。

0 踩