vue router 路由收尾的时候拼接参数

在 Vue Router 中，你可以使用路由的查询参数（query parameters）或命名路由的参数（named route parameters）来在路由的末尾拼接参数。下面是两种方法的示例：

使用查询参数

如果你的路由配置如下： javascript const routes = [ {

path: '/user', name: 'User',

component: UserComponent } ]

你可以在导航到该路由时添加查询参数，如下所示： javascript

this.$router.push({ name: 'User', query: { id: 123, name: 'John' } })

这将导航到 /user?id=123&name=John。 使用命名路由的参数

如果你的路由配置使用了命名路由参数，如下所示： javascript

const routes = [ {

path: '/user/:id', name: 'User',

component: UserComponent } ]

你可以通过以下方式导航到该路由并传递参数： javascript

this.$router.push({ name: 'User', params: { id: 123 } })

这将导航到 /user/123。

请注意，查询参数和命名路由参数在 URL 中的表现形式是不同的。查询参数附加在 URL 的末尾，并以 ? 开始，然后是参数名和值，多个参数之间用 & 分隔。而命名路由参数则直接作为 URL 的一部分，并且以 : 开始。

根据你的需求选择适合的方法。如果你需要在 URL 的末尾添加参数，并且不关心参数是否是 URL 的一部分，那么查询参数可能是一个好选择。如果你希望参数成为 URL 的一部分，并且可能需要在路由配置中使用它们，那么命名路由参数可能更适合你。