vue 監聽路由變化

xielatian發表於2020-09-24

如果在某一個頁面做監聽

watch:{
	$route(to,from){
		let topath = to.path;
		let formPath=from.path;
		如果此時再通過介面獲取到登陸使用者有多少頁面許可權,就直接判斷。
		沒有許可權就可以
		setTimeOut(function(){
				window.open("","_self").colse();
			},2000)
			//或者沒有許可權直接去固定的頁面
			this.$router.push({path:"/errorPath"});
			
		}
	}
}

如果在最外層做監聽,在app.vue裡面

created(){
	this.$router.beforeEach((to, from, next) => {
	   	if(to.path!='/XXXX'){
	   		this.$router.push({path:"/errorPath"});
		}
});
}

相關文章