vue router params多个传参
时间: 2024-10-11 09:10:15 浏览: 28
vue2 router 动态传参,多个参数的实例
在Vue Router中,你可以通过动态路由参数(params)一次性传递多个键值对。动态路由通常是用来匹配URL的一部分,其语法形如 `/path/:param1/:param2`,其中 `:` 符号后面的 `param1` 和 `param2` 就是可以变的参数部分。
例如:
```javascript
const routes = [
{
path: '/users/:userId/books/:bookId',
component: UserBooks,
name: 'user-books'
}
];
// 路由跳转时可以这样传递参数
this.$router.push({
path: '/users/123/books/456', // userId=123, bookId=456
params: { userId: 123, bookId: 456 } // 使用params对象传递多个参数
});
```
在这个例子中,`userId` 和 `bookId` 都作为参数传递给组件 `UserBooks`。在组件内部,你可以通过 `this.$route.params` 来访问这些参数。
阅读全文