uni-simple-router 注意事项
创始人
2025-05-29 01:39:13
0

1.设置别名aliasPath后,H5端aliasPath生效,原来的全路径url是空白页面

如:

{"path": "pages/home/home","aliasPath": "/home"
}

http://localhost:8080/#/home 显示正常页面

http://localhost:8080/#/pages/home/home 显示空白页面 

2.原 navigateTo url为全路径/pages/home/home最好修改为别名

uni.navigateTo({url: `/pages/home/home`
})

以上代码跳转页面,在H5上,会跳转到 http://localhost:8080/#/pages/home/home 这个路径下,显示空白页面。

处理方式两种:

a.简单粗暴

全部的全路径修改为别名

(优化项:用作者提供的this.$Router.push方式跳转页、页面)

b.曲线救国(暂未找到其他“懒”方法,欢迎评论告知)

router.js文件 -> 全局路由前置守卫router.beforeEach方法中重定向

核心代码:

  // #ifndef H5// 非H5正常跳转即可next()// #endif// #ifdef H5// H5需要修改path为别名const preFromAliasPath = getApp().globalData.preFromAliasPathif (preFromAliasPath === from.aliasPath) { // 防止无限循环next()} else {getApp().globalData.preFromAliasPath = from.aliasPathto.path = to.aliasPathnext(to)}// #endif

优点:不需要修改已有的跳转逻辑中的全路径

缺点:next(to) 会多执行一次router.beforeEach方法(打印log知道,但是页面切换无明显感知)

3.原来的uni.navigateTo,res.eventChannel.emit传值对象需要调整

// 修改前
uni.navigateTo({path: 'pages/detail/detail',success: res => {res.eventChannel.emit('acceptData', {data: detailInfo})}
})
// 修改后
this.$Router.push({path: '/detail',events: { acceptDataFromOpenedPage: data => {} },success: res => {res.eventChannel.emit('acceptData', {data: detailInfo})}
})

相关内容

热门资讯

模拟安卓系统软件,软件功能与体... 你有没有想过,手机里的世界可以变得更加丰富多彩?没错,就是那种可以像安卓系统一样自由自在地玩耍的世界...
安卓换系统会卡吗,换系统会卡吗... 你有没有想过,你的安卓手机用久了,是不是也会像人一样,反应变得迟钝了呢?没错,这就是我们今天要探讨的...
平板安卓系统自动重启,安卓平板... 你是不是也遇到过这种情况?平板电脑突然间就自动重启了,是不是瞬间感觉心里一紧,心想这可怎么办呢?别急...
findx3安卓系统,安卓系统... 你有没有发现,最近手机圈里又掀起了一股热潮?没错,就是OPPO Find X3系列的安卓系统。这款系...
安卓系统删除的软件,那些曾陪伴... 手机里的软件越来越多,是不是有时候觉得内存不够用,想清理一下呢?别急,今天就来聊聊安卓系统删除软件的...
白色的手机安卓系统,安卓系统下... 你有没有发现,最近市面上那些白色的手机简直让人眼前一亮呢?尤其是搭载安卓系统的那些,简直就像是一块块...
vico是不是安卓系统,揭秘安... 最近是不是有很多小伙伴在问:“Vico手机,它是不是运行安卓系统呢?”这个问题可真是让人好奇啊!今天...
安卓10系统省电不,安卓10系... 你有没有发现,自从升级到安卓10系统,手机续航能力好像大不如前了?别急,今天就来给你揭秘安卓10系统...
cm14安卓系统,深度定制与极... 你有没有发现,你的安卓手机最近是不是有点不一样了?是不是觉得系统运行得更加流畅,界面也更加美观了呢?...
平板安卓系统咋样升级,轻松实现... 你那平板安卓系统是不是有点儿卡,想给它来个升级大变身?别急,让我来给你详细说说平板安卓系统咋样升级,...
安卓原系统在哪下载,探索纯净体... 你有没有想过,为什么安卓手机那么受欢迎?那是因为它的系统——安卓原系统,它就像是一个充满活力的魔法师...
安卓系统procreate绘图... 你有没有发现,现在手机上画画变得越来越流行了?尤其是用安卓系统的手机,搭配上那个神奇的Procrea...
电视的安卓系统吗,探索安卓电视... 你有没有想过,家里的电视是不是也在悄悄地使用安卓系统呢?没错,就是那个我们手机上常用的安卓系统。今天...
苹果手机系统操作安卓,苹果iO... 你有没有发现,身边的朋友换手机的时候,总是对苹果和安卓两大阵营争论不休?今天,咱们就来聊聊这个话题,...
安卓系统换成苹果键盘,键盘切换... 你知道吗?最近我在想,要是把安卓系统的手机换成苹果的键盘,那会是怎样的体验呢?想象那是不是就像是在安...
小米操作系统跟安卓系统,深度解... 亲爱的读者们,你是否曾在手机上看到过“小米操作系统”和“安卓系统”这两个词,然后好奇它们之间有什么区...
miui算是安卓系统吗,深度定... 亲爱的读者,你是否曾在手机上看到过“MIUI”这个词,然后好奇地问自己:“这玩意儿是安卓系统吗?”今...
安卓系统开机启动应用,打造个性... 你有没有发现,每次打开安卓手机,那些应用就像小精灵一样,迫不及待地跳出来和你打招呼?没错,这就是安卓...
小米搭载安卓11系统,畅享智能... 你知道吗?最近小米的新机子可是火得一塌糊涂,而且听说它搭载了安卓11系统,这可真是让人眼前一亮呢!想...
安卓2.35系统软件,功能升级... 你知道吗?最近在安卓系统界,有个小家伙引起了不小的关注,它就是安卓2.35系统软件。这可不是什么新玩...