uniapp全局监听路由url变化

在App.vue中

在 onload中,利用拦截器监听 navigateTo等


onLoad() {

    uni.addInterceptor('navigateTo', { //监听跳转

        invoke(e) {

        console.log('******** invoke-navigateTo ********', e.url)

        },

        })

//2

        uni.addInterceptor('redirectTo', { //监听关闭本页面跳转

        invoke(e) {

        console.log('******** redirectTo ********', e.url)

        }

        })

/**

* 3

* 拦截uni.switchTab本身没有问题。

* 但是在微信小程序端点击tabbar的底层逻辑并不是触发uni.switchTab。

* 所以误认为拦截无效,此类场景的解决方案是在tabbar页面的页面生命周期onShow中处理。

*/

        uni.addInterceptor('switchTab', { //监听tabBar跳转

        invoke(e) {

        console.log('******** switchTab ********', e.url)

        }

        })

//4

        uni.addInterceptor('navigateBack', { //监听返回

        invoke(e) {

        console.log('******** navigateBack ********', e.url)

        }

        })

}

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • uni-app的基本使用 课程介绍: 基础部分: 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件...
    绿茵场上的码者阅读 46,986评论 1 21
  • uni-app的基本使用 课程介绍: 基础部分: 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件...
    flyjar阅读 4,079评论 0 2
  • uni-app的基本使用 基础部分: +环境搭建 +页面外观配置 +数据绑定 +uni-app的生命周期 +组件的...
    你的胡霸霸阅读 4,183评论 0 2
  • uniapp组成(生命周期) 应用注册 App 获取用户进入或者离开应用 onLaunch 初始化完成时触发(触发...
    酷酷哒阅读 5,359评论 0 0
  • uni-app的基本使用 课程介绍: 基础部分: 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件...
    __Mr_Xie__阅读 5,335评论 0 1

友情链接更多精彩内容