vue中如何获取当前路由地址

获取当前路由地址是我们在Vue开发中经常会用到的一个功能。可以通过Vue Router提供的$router.currentRoute属性来获取当前路由信息，包括路由地址、参数等。

获取当前路由地址是我们在Vue开发中经常会用到的一个功能。可以通过Vue Router提供的$router.currentRoute属性来获取当前路由信息，包括路由地址、参数等。

首先需要在Vue组件中先引入Vue Router：

import VueRouter from 'vue-router'
Vue.use(VueRouter)

然后，就可以在Vue组件中通过this.$router.currentRoute来获取当前路由信息。

例如，我们有一个名为Home的路由，当我们在该页面中使用console.log(this.$router.currentRoute.path)，就可以在控制台中看到输出为/home，表示当前路由路径为/home。

另一个示例是在路由跳转时获取当前路由地址，可以在Vue Router的beforeEach方法中进行获取。在这个方法里，会传递三个参数to、from和next，to表示即将跳转的路由信息，from表示从哪个路由跳转过来，而next可以接收一个参数，当参数为false时，禁止路由跳转。

可以在beforeEach方法中使用console.log(to.path)来输出即将跳转的路由路径，也可以使用console.log(from.path)来输出当前页面的路由路径。

示例代码如下：

router.beforeEach((to, from, next) => {
  console.log(to.path) // 输出即将跳转的路由路径
  console.log(from.path) // 输出当前页面的路由路径
  next()
})

以上就是获取当前路由地址的完整攻略，希望对你有所帮助。