vue的跳转中,如何设置router params
时间: 2023-09-27 13:06:03 浏览: 81
vue-router实现组件间的跳转(参数传递)
在Vue中,可以通过`$router.push()`方法进行路由跳转并传递参数。其中,使用`params`属性可以设置路由参数。下面是一个示例:
```javascript
// 假设当前路由为 /home
this.$router.push({
path: '/user',
params: {
id: 123
}
})
```
在上面的示例中,我们将路由跳转到 /user 路径,并传递了一个名为 `id` 的参数,值为 `123`。在接收方的路由组件中,可以通过 `$route.params` 访问到这个参数。例如:
```javascript
// 在 /user 路径的路由组件中
console.log(this.$route.params.id) // 输出 123
```
需要注意的是,使用 `params` 传递的参数会被编码在 URL 中,因此如果参数值包含特殊字符,需要先进行编码。另外,`params` 传递的参数是以对象形式传递的,如果需要传递多个参数,可以将它们都放在这个对象中。
阅读全文