vue3获取当前路由的路径名

最新推荐文章于 2024-07-15 20:17:08 发布

范天缘

最新推荐文章于 2024-07-15 20:17:08 发布

阅读量5.8k

点赞数 1

分类专栏： vue3 文章标签：前端 vue.js javascript

本文链接：https://blog.csdn.net/weixin_42821697/article/details/121679930

版权

vue3 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

本文详细介绍了在Vue.js应用中如何利用`onMounted`生命周期钩子与`useRouter`来获取当前路由路径。通过`console.log($router.currentRoute._rawValue.path)`，开发者可以在组件挂载后打印出当前的路由路径，从而更好地理解和控制应用程序的导航流程。

摘要由CSDN通过智能技术生成

import { onMounted } from 'vue'
import { useRouter } from 'vue-router'
export default {
   setup() {
      const $router = useRouter()
      onMounted(()=>{
        //当前路由路径名称
        console.log($router.currentRoute._rawValue.path)
      })
      return{} 
   }