vue2路由跳转传多个参数
时间: 2024-09-30 09:12:40 浏览: 35
vue路由跳转传递参数的方式总结
在Vue 2中,通过Vue Router进行页面间的路由跳转并传递参数通常有两种常见方式:
1. **查询字符串参数** (query parameters):在URL路径后面添加`?`,然后跟上键值对,例如 `router.push('/path?key1=value1&key2=value2')`。这种方式适合传递少量数据,且不会污染URL。
2. **路径动态参数** (route params):在路径中包含变量,用冒号(`:`)包围,如 `/users/:userId`。当跳转时可以像这样传参:`router.push({ name: 'user', params: { userId: '123' }})`。这会将参数直接绑定到路由对应的组件内。
如果你想同时传递查询字符串参数和路径参数,可以在`router.push`中组合使用:
```javascript
router.push({
path: '/users/:userId',
query: {
key1: 'value1',
key2: 'value2'
}
}, userId);
```
在这种情况下,访问的URL可能是`/users/123?key1=value1&key2=value2`。
阅读全文