欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 财经 > 金融 > uniapp实现路由拦截——遇到问题(三)

uniapp实现路由拦截——遇到问题(三)

2024/10/24 13:32:36 来源:https://blog.csdn.net/Smile_ping/article/details/139625933  浏览:    关键词:uniapp实现路由拦截——遇到问题(三)

uniapp路由拦截开发过程中遇到问题

文章目录

    • uniapp路由拦截开发过程中遇到问题
      • App 无法退出应用
        • 监听返回数据结构
        • 解决方式
          • 模拟原生物理返回键提示
          • 不提示,直接退出应用
      • 微信小程序 登录成功返回页面报错
        • 效果图
        • 不同平台来源页面数据结构
        • 解决方式

App 无法退出应用

安卓端 点击物理返回键没反应

参考:runtimequit

监听返回数据结构

在这里插入图片描述


解决方式

可自定义UI,根据个人所需,例

模拟原生物理返回键提示
  • router/index.js 中监听 routerErrorEach

  • 导入 runtimeQuit

    import {RouterMount,createRouter,runtimeQuit
    } from 'uni-simple-router'
    
  • 监听 routerErrorEach ,并处理退出应用

    const router = createRouter({platform: process.env.VUE_APP_PLATFORM,  routerErrorEach: ({type,level,...args}) => {// #ifdef APP-PLUSif (type === 3) {router.$lockStatus = false;runtimeQuit();}// #endif},routes: [...ROUTES]
    });
    
不提示,直接退出应用
routerErrorEach: ({type,level,...args
}) => {// #ifdef APP-PLUSif (type === 3) {router.$lockStatus = false;plus.runtime.quit(); // 直接退出应用}// #endif
},

微信小程序 登录成功返回页面报错

效果图

在这里插入图片描述


不同平台来源页面数据结构

在这里插入图片描述


解决方式
  • 通过 decodeURIComponent 进行 URI解码
onLoad(options) {if (options.jumpPath) this.jumpPath = decodeURIComponent(options.jumpPath);
}

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com