vue：监听路由的变化

沐子a~

于 2025-02-11 14:54:49 发布

阅读量323

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_56341412/article/details/145571971

版权

1.vue3

import { useRouter} from 'vue-router'

const router = useRouter()
// 监听当前路由
watch(
  () => router.currentRoute.value,
  (newValue: any) => {
    console.log('newValue',newValue)
  },
  { immediate: true }
)

2.vue2

watch: {
  $route: {
    handler: function(newRoute, oldRoute){
      console.log('当前路由：', newRoute);
      console.log('之前的路由：', oldRoute);
    },
    // 深度观察监听
    deep: true
  }
}

3.获取hash值：window.location.hash（）