vue如何获取当前页面路由
时间: 2023-09-10 14:06:01 浏览: 111
vue获取当前激活路由的方法
你可以使用 Vue Router 提供的 `$route` 对象来获取当前页面的路由信息。`$route` 对象包含了当前页面的路由路径、参数、查询字符串等信息。以下是一个示例代码:
```
<template>
<div>
<p>当前页面的路由路径是: {{ $route.path }}</p>
<p>当前页面的查询参数是: {{ $route.query }}</p>
</div>
</template>
<script>
export default {
mounted() {
console.log(this.$route.path) // 打印当前页面的路由路径
console.log(this.$route.query) // 打印当前页面的查询参数
}
}
</script>
```
在上面的代码中,我们通过 `$route.path` 获取当前页面的路由路径,通过 `$route.query` 获取当前页面的查询参数。当然,你也可以在生命周期函数中使用 `$route` 对象来获取当前页面的路由信息。
阅读全文