vue3組件路由守衛

beforeRouteEnter路由守衛寫在setup函數外面。路由到這個地址前執行，因此里面不能用this，可以用vm掛載元素上去

beforeRouteEnter: (to, from, next) => {
    next(vm => {
      // 第一次登陸顯示公告
      if (from.name === 'Login') {
        vm.message = 'test'
      }
   })
  },
setup () {
　　const message = ref()
}

 

onBeforeRouteLeave用於路由離開前，銷毀或者彈出確認離開提示框等用處，需從vue-router引用

import { onBeforeRouteLeave } from 'vue-router'

 

setup () {

  onBeforeRouteLeave(() => {

    notification && notification. destroy()

  })

}