+
80
-

uniapp如何全局监听页面路由跳转?

uniapp如何全局监听页面路由跳转?

navigateTo和back到什么页面进行拦截?

网友回复

+
0
-
	//在app.vue的onLaunch生命周期,打开页面就开始监听
	onLaunch() {
			let that=this;
			uni.addInterceptor('navigateTo', {//监听跳转
				success(e) {
					that.watchRouter();
				}
			})
			uni.addInterceptor('redirectTo', {//监听关闭本页面跳转
				success(e) {
					that.watchRouter();
				}
			})
			uni.addInterceptor('switchTab', {//监听tabBar跳转
				success(e) {
					that.watchRouter();
				}
			})
			uni.addInterceptor('navigateBack', {//监听返回
				success(e) {
					that.watchRouter();
				}
			})
		}
	methods:{
		watchRouter(){
                          let pages = getCurrentPages();
					let nowpage=pages[pages.length - 1].$page.fullPath;
				console.log('当前页面的路由',nowpage);
			console.log('路由跳转');
		}
	}

我知道答案,我要回答