微信小程序> 解决小程序页面路径最多只能十层限制

解决小程序页面路径最多只能十层限制

浏览量:658 时间: 来源:weixin_34408624

小程序文档里跳转路径的方法都有介绍,这里就不细说了!讲一下业务背景吧!随着项目越来越大,页面的跳转也越来越多,使用navigateTo方法添加的页面栈也越来越多了,不知不觉可能就到了十层了 再用navigateTo去跳转就跳不动了,这个时候需要redirectTo删除当前页面栈来跳转或者用reLaunch删除所有页面栈来跳转 用那就要看业务场景了。可是什么时候到了十层了呢?这个时候关键的apigetCurrentPages()来了!返回的是一个数组,那么就可以获取它的length来做判断了!

// router.jsmodule.exports = {    navigateTo(object) {        if (getCurrentPages().length  9) {            this.redirectTo(object)            // this.reLaunch(object)        } else {            wx.navigateTo(object)        }    },    // 其他跳转不处理    navigateBack(object) {        wx.navigateBack(object)    },    switchTab(object) {        wx.switchTab(object)    },    redirectTo(object) {        wx.redirectTo(object)    },    reLaunch(object) {        wx.reLaunch(object)    },}复制代码


// app.js// 引入路径于实际为准import router from './utils/router.js'App({    //....    router,    //...})复制代码

// demo.jsconst app = getApp()Page({    //...    goto(){        app.router.navigateTo({url:"/pages/index/index"})     },    //...})复制代码

!-- demo.wxml -- view catchtap="goto"goto/view复制代码

原来怎么跳还是怎么跳,只是把wx.改成app.router.

今天是国庆9天假期的第一天,闲来没事就写点东西,写的比较随意,如有不正之处 欢迎交流指正!


版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎