解决小程序路由超过10层限制

新建 navroter.js

javascript 复制代码
// 路由判断,小程序路由超过10层限制
// 避免小程序商品重复切换导致页面到结算单页时无法跳转到收货地址页,所以这里层级限制最大数为8
const MAX_VALUE = 8
export function navigateTo(url) {
    let pages = getCurrentPages()
    let dlt = ''
    // 查找目标页在页面栈的位置
    for (var i = 0; i < MAX_VALUE; i++) {
        if (pages[i]) {
            if (pages[i].$page && pages[i].$page.fullPath && (pages[i].$page.fullPath == url)) {
                dlt = i + 1; //目标页在栈中的位置
                break;
            }

        }
    }
    // 如果有重复则返回到页面栈页面
    if (dlt) {
        uni.navigateBack({
            delta: pages.length - dlt
        })
    } else {
        if (pages.length < MAX_VALUE) {
            uni.navigateTo({ url: url })
        } else {
            uni.redirectTo({ url: url })
        }
    }
}

main.js 全局引入

javascript 复制代码
import { navigateTo } from '@/utils/navroter.js';
Vue.prototype.navigateTo = navigateTo;

使用

javascript 复制代码
this.navigateTo(`/goods-module/goods?goods_id=${goods.goods_id}`)
相关推荐
蒙特卡洛的随机游走14 分钟前
Spark的宽依赖与窄依赖
大数据·前端·spark
共享家952721 分钟前
QT-常用控件(多元素控件)
开发语言·前端·qt
葱头的故事23 分钟前
将传给后端的数据转换为以formData的类型传递
开发语言·前端·javascript
_233334 分钟前
vue3二次封装element-plus表格,slot透传,动态slot。
前端·vue.js
jump68037 分钟前
js中数组详解
前端·面试
崽崽长肉肉41 分钟前
iOS 基于Vision.framework从图片中提取文字
前端
温宇飞1 小时前
Web Abort API - AbortSignal 与 AbortController
前端
Tomoon1 小时前
前端开发者的全栈逆袭
前端
Filotimo_1 小时前
2.CSS3.(3).html
前端·css3