文章目录

监听路由变化

钩子函数方式

ts

import { onBeforeRouteUpdate, onBeforeRouteLeave } from 'vue-router'

// 路由更新前触发
onBeforeRouteUpdate(to => {
  console.log(to)
})

// 路由离开前触发
onBeforeRouteLeave((to, from) => {
  console.log(to, from)
})

watch 方式

ts

import { useRouter } from 'vue-router'

const router = useRouter()

watch(
  () => router.currentRoute.value.path,
  toPath => {
    //要执行的方法
  },
  { immediate: true, deep: true }
)