this.$router.push 传参数
时间: 2024-08-13 08:01:16 浏览: 55
Vue this.$router.push(参数)实现页面跳转操作
`this.$router.push` 是Vue Router库中的一个导航方法,它用于异步地将用户导航到新的路由路径。当你需要带参数传递给目标路由时,可以在调用 `push` 方法时提供一个包含参数的对象。这个对象通常看起来像这样:
```javascript
this.$router.push({
name: 'yourRouteName', // 或者 path: '/path/:param1/:param2'
params: {
param1: 'value1',
param2: 'value2'
}
});
```
这里的 `name` 是路由的名称,如果存在同名的命名路由,则会匹配;`params` 属性则用于动态参数,它们会被解析并插入到路由路径中。
如果你直接指定路径,可以这样做:
```javascript
this.$router.push('/route?param1=value1¶m2=value2');
```
URL查询参数可以表示为 `?param1=value1¶m2=value2` 的形式。
阅读全文