vue获取url地址的参数

Vue中可以通过$router对象来获取当前页面的URL地址的参数。

$router是Vue-Router插件提供的全局属性，用于管理页面的路由，可以通过其提供的方法和属性来实现页面之间的跳转和参数传递。

在Vue中使用$router获取URL参数的方法如下：

1. 使用$route对象

$route对象是$router对象的一个属性，表示当前活动路由的状态，包含了当前URL地址和参数等信息。通过$route对象可以获取当前页面的URL地址，以及URL地址中的参数。

获取当前页面的URL地址：

```

this.$route.path

```

获取URL地址中的参数：

```

this.$route.query

```

2. 使用$route对象的属性

$route对象的query属性是一个JavaScript对象，包含了URL地址中的参数。可以通过访问该对象的键和值，来获取URL地址中的具体参数。

例如，URL地址为：http://example.com?id=123&name=John

获取URL地址中的id参数：

```

this.$route.query.id

```

获取URL地址中的name参数：

```

this.$route.query.name

```

3. 使用$route对象的方法

$route对象还提供了一些方法来处理URL地址和参数。

获取当前页面的URL地址（包含查询参数）：

```

this.$route.fullPath

```

获取当前页面URL地址的hash值：

```

this.$route.hash

```

获取当前页面URL地址的路径：

```

this.$route.path

```

获取URL地址的查询参数：

```

this.$route.query

```

获取URL地址的参数（不包含查询参数）：

```

this.$route.params

```

总结：

Vue中可以通过$router对象的$route属性来获取当前页面的URL地址的参数。通过访问$route对象的query属性来获取URL地址中的参数。可以通过访问该对象的键和值来获取URL地址中的具体参数。另外，$route对象还提供了一些方法来处理URL地址和参数。