用this.$http.get传参 要怎么配置路由
时间: 2023-06-17 21:08:09 浏览: 90
vue动态路由配置及路由传参的方式
5星 · 资源好评率100%
在路由配置文件中,你可以使用`:`符号来定义参数。例如:
```javascript
{
path: '/users/:id',
component: UserComponent
}
```
这将定义一个路由,当访问`/users/123`时,将会渲染`UserComponent`组件,并且会将参数`id`设置为`123`。你可以在组件中通过`$route.params.id`来访问这个参数。例如:
```javascript
export default {
mounted() {
console.log(this.$route.params.id); // 输出 123
}
}
```
在使用`this.$http.get`请求时,你可以在URL中使用这个参数,例如:
```javascript
this.$http.get('/users/' + this.$route.params.id).then(response => {
console.log(response);
});
```
这样就可以将路由参数传递给服务器端。
阅读全文