在使用router.push跳转页面的时候,如何携带参数?
时间: 2024-10-12 22:06:57 浏览: 21
Vue this.$router.push(参数)实现页面跳转操作
在Vue.js中,当你使用`this.$router.push()`跳转页面时,可以携带参数通过一个对象的方式传递。这个对象通常被称为query参数(URL查询参数)或路径参数(path params)。以下是两种常见的做法:
1. **Query Parameters** (查询字符串):
```javascript
this.$router.push({
name: 'your-route-name', // 或者是一个具体的path如'/some-page'
query: {
param1: 'value1',
param2: 'value2'
}
});
```
这将会把参数附加到路由链接的末尾,例如 `/page?param1=value1¶m2=value2`。
2. **Path Parameters** (动态路径部分):
如果你想在路由名称中有占位符,你可以使用路径参数:
```javascript
this.$router.push({
path: '/user/:userId', // userId会被实际参数替换
params: {
userId: '12345'
}
});
```
路由会解析为 `/user/12345`。
阅读全文