用this.$http.get('/',params{})传参 要怎么配置路由
时间: 2023-06-17 11:08:08 浏览: 91
jQuery Ajax 实例代码 ($.ajax、$.post、$.get)
在 Vue.js 中,我们通常使用 Vue Router 来配置应用程序的路由。使用 Vue Router,您可以将 URL 映射到组件,以便在用户导航时呈现正确的内容。
要在 Vue Router 中配置路由并接收参数,您可以使用动态路由。动态路由允许您使用冒号指定路由参数。
例如,在您的路由配置中,您可以这样编写动态路由:
```javascript
{
path: '/user/:id',
component: User
}
```
在这个例子中,我们使用 `:id` 来指定动态的路由参数。当用户访问 `/user/123` 时,`123` 将会被作为参数传递给 `User` 组件。
在您的组件中,您可以使用 `$route.params` 来访问路由参数。例如:
```javascript
export default {
created() {
console.log(this.$route.params.id) // 输出 123
}
}
```
所以,当您使用 `this.$http.get('/', {params: {id: 123}})` 发送请求时,您可以在路由配置中使用动态路由来接收参数。例如:
```javascript
{
path: '/',
component: MyComponent
}
```
然后,在 `MyComponent` 组件中,您可以使用 `$route.params` 来访问传递的参数。例如:
```javascript
export default {
created() {
console.log(this.$route.params.id) // 输出 123
}
}
```
阅读全文