美文网首页
uniapp全局监听路由url变化

uniapp全局监听路由url变化

作者: galenv | 来源:发表于2024-07-01 12:50 被阅读0次

    在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)

            }

            })

    }

    相关文章

      网友评论

          本文标题:uniapp全局监听路由url变化

          本文链接:https://www.haomeiwen.com/subject/vfumcjtx.html