关键词搜索

源码搜索 ×
×

Vue 组件内路由守卫

发布2023-04-05浏览271次

详情内容

Vue 组件内路由守卫

beforeRouteEnter(to,from,next){}
beforeRouteLeave(to,from,next){}

路由组件
Home.vue

<script>
export default{
name:'About',

//通过路由规则,进入该组件时被调用
beforeRouteEnter(to,from,next){
//to是你要跳转到这个路由组件
//from是你从哪个路由组件跳转过来的
//可以在next()前设置条件,当符合条件就放行,比如:
if(localStorage.getItem('school')==='atguigu'){
		next()
	}
}
//通过路由规则,离开该组件时被调用
beforeRouteLeave(to,from,next){
//to是你要跳转到别的路由组件
//from是这个路由组件
//可以在next()前设置条件,当符合条件就放行,比如:
if(localStorage.getItem('school')==='atguigu'){
		next()
	}
}
}
</script>

    beforeRouteEnter的to和beforeRouteLeave的from的信息都是和Home.vue相关的

    相关技术文章

    点击QQ咨询
    开通会员
    返回顶部
    ×
    微信扫码支付
    微信扫码支付
    确定支付下载
    请使用微信描二维码支付
    ×

    提示信息

    ×

    选择支付方式

    • 微信支付
    • 支付宝付款
    确定支付下载