Vue 组件内路由守卫

A页面进入B页面

进入时执行 beforeRouteEnter

离开时执行 beforeRouteLeave

上代码

// 通过路由规则，进入该组件时被调用
beforeRouteEnter (to, from, next) {
    console.log('About--beforeRouteEnter',to,from)
    if(to.meta.isAuth){ //判断是否需要鉴权
        if(localStorage.getItem('xx')==='aa'){
            next()
        }else{
            alert('无权限查看！')
        }
    }else{
        next()
    }
},

// 通过路由规则，离开该组件时被调用
beforeRouteLeave (to, from, next) {
    console.log('About--beforeRouteLeave',to,from)
    next()
}

位置