uniapp切换路由监听导航跳转(在监听网络状态时非常常用)

在实时监听网络状态的时候我们切换页面经常会用到此场景

1.首先在uni-app项目中的App.vue文件中添加以下代码

注意:监听页面跳转变化要写在onLaunch方法里面

//注意要写在App.vue文件的onLauch方法里面
onLaunch: function() {
    //监听页面跳转变化
			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(){
				console.log('路由进行跳转');
			},
}

2.实现效果

        每次切换页面的时候都会执行调用watchRouter函数里面的方法

每次进行页面跳转都会执行调用函数里面的方法 标题

 

你可能感兴趣的:(uniapp,uni-app,网络,vue.js)