avue this.$router.push 传多个参数怎么写
时间: 2023-10-13 13:23:45 浏览: 98
Vue中this.$router.push参数获取方法
5星 · 资源好评率100%
使用 `$router.push` 传递多个参数的方法可能有不同的实现方式,以下是其中两种常见的方式:
1. 在 `$router.push` 方法的第二个参数中传递一个对象,该对象的属性名为路由参数名,属性值为路由参数值,如下所示:
```javascript
this.$router.push({
path: '/my-route',
query: {
id: 123,
name: 'John'
}
})
```
在上述示例中,我们通过 `query` 属性传递了两个参数,它们的参数名分别为 `id` 和 `name`。
2. 直接在路由路径中添加路由参数,如下所示:
```javascript
this.$router.push('/my-route?id=123&name=John')
```
在上述示例中,我们直接在路由路径中添加了两个参数,它们的参数名分别为 `id` 和 `name`。
需要注意的是,这两种方式的使用取决于你的具体场景和需求,你需要根据自己的需求选择合适的方式。
阅读全文