vue路由可选参数

2024年4月5日发(作者：)

vue路由可选参数

在Vue Router中，可选参数可以通过在路由路径中使用参数的括号来定义。例

如，可以使用冒号（:）来定义一个可选参数：

javascript

const router = new VueRouter({

routes: [

{

path: '/user/:id?',

component: User

}

]

})

在上面的例子中，路径`/user/:id?`可以匹配`/user`或`/user/1`或`/user/2`等。

`id`参数是可选的，如果没有提供，组件`User`仍然会渲染。

在组件中，可以通过``访问路径中的参数。如果一个可选参数没有

被提供，对应的值将是`undefined`。例如，在`User`组件中，可以这样访问`id`

参数：

javascript

export default {

mounted() {

()

}

}