vue router4 怎么获取参数
时间: 2023-09-24 14:11:10 浏览: 142
vue router 传参获取不到的解决方式
在 Vue Router 4 中,获取参数可以使用 `$route` 对象的 `params` 属性来获取,也可以使用 `$route` 对象的 `query` 属性来获取。具体的方法如下:
1. 获取路由参数:
```javascript
// 获取单个参数
const id = $route.params.id;
// 获取多个参数
const { id, name } = $route.params;
// 获取所有参数
const params = $route.params;
```
2. 获取查询参数:
```javascript
// 获取单个参数
const page = $route.query.page;
// 获取多个参数
const { page, limit } = $route.query;
// 获取所有参数
const query = $route.query;
```
需要注意的是,路由参数和查询参数的区别在于,路由参数是在路由路径中指定的,而查询参数则是在路由路径之后使用 `?` 符号指定的。例如:
```javascript
// 路由路径
/users/:id
// 路由链接
/users/123
// 查询参数
/users?id=123&page=1
```
以上是获取路由参数和查询参数的基本方法,希望对你有所帮助。
阅读全文