vue 監聽路由變化
如果在某一個頁面做監聽
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"});
}
});
}
相關文章
- vue2-使用watch監聽路由的變化Vue路由
- vue是如何監聽陣列變化的Vue陣列
- 用這招監聽 Vue 的插槽變化Vue
- React和Vue中,是如何監聽變數變化的ReactVue變數
- vue 動態監聽視窗大小變化事件Vue事件
- vue-router watch 監聽路由引數改變觸發函式Vue路由函式
- Vue響應式原理-如何監聽Array的變化?Vue
- vue中如何監聽vuex中的資料變化Vue
- 如何監聽URL的變化?
- MutationObserver監聽DOM變化示例Server
- 如何監聽陣列變化?陣列
- localeStorage 當前標籤頁變化監聽不到,只能監聽不同標籤頁變化,自己寫方法監聽
- Flutter監聽路由返回Flutter路由
- 安卓監聽網路變化安卓
- node.js監聽檔案變化Node.js
- JavaScript實時監聽input中值變化JavaScript
- 監聽Dom節點變化 - Mutation ObserverServer
- 論如何監聽一個物件的變化物件
- vue之監聽事件Vue事件
- 【JS】在連續性監聽事件中,監聽當前狀態是否變化JS事件
- 學習筆記:vue為什麼不能監聽陣列屬性的變化筆記Vue陣列
- 動態監聽輸入框值的變化
- Canal-監聽資料庫表的變化資料庫
- vue 父元件在created中傳值給子元件,子元件去監聽props變化Vue元件
- 實時監聽input輸入框value的變化:
- 如何在元件中監聽Vuex的資料變化元件Vue
- 論如何監聽物件某個屬性的變化物件
- SQL Server CDC配合Kafka Connect監聽資料變化SQLServerKafka
- Vue3.0的遞迴監聽和非遞迴監聽Vue遞迴
- Python監測監聽螢幕介面內容變化併傳送通知Python
- JavaScript監聽屬性改變JavaScript
- vue監聽input是否為空(監聽值為物件某個屬性)Vue物件
- 初始化監聽埠
- JavaScript 監聽子節點改變JavaScript
- vue 監聽頁面滾動事件Vue事件
- VUE-UNI事件轉發監聽Vue事件
- hyperf 啟動、重啟、停止、檔案變化監聽命令包
- 微信小程式,實現 watch 屬性,監聽資料變化微信小程式