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()
})
}
