有学有练才叫学习:学而不思则罔,思而不学则殆:学而不习,纸上谈兵,习而不进,画地为牢!

uniapp|uni.navigateTo真机无法跳转

uni-app 炮渣日记 4周前 (11-09) 57次浏览 已收录 0个评论 扫描二维码

今天试了下uniapp跑真机,本来小程序里面需求就是没有登录的时候跳转到user页面进行登录或注册,小程序里面一切正常,到真机里面就不行了,一番查阅,原因居然非常简单:

不能使用navigate跳转到tabBar页面!

文档里面有写:
https://uniapp.dcloud.io/api/router?id=navigateto

uniapp|uni.navigateTo真机无法跳转

再看看自己的pages.json配置文件,果然是属于tabBar页面。

uniapp|uni.navigateTo真机无法跳转

解决办法

跳转tabBar页面使用uni.switchTab方法!即:

 uni.switchTab({br    url: '/pages/user/user'br})

再提三点:

1. 页面跳转路径有层级限制,不能无限制跳转新页面

2. 跳转到 tabBar 页面只能使用 switchTab 跳转,小程序里面可以使用navigateTo跳转,浏览器 、真机不能跳!

3. 路由API的目标页面必须是在pages.json里注册的vue页面。

最后说下navigateTo与switchTab的区别,前者跳转时可以返回到跳转前的页面,而switchTab 则没有返回按钮,不能跳转回原来的页面,会停在tabBar页面。

uniapp是方便,但小程序与真机的差异大,有时候头痛,你们呢?

喜欢 (0)
炮渣日记
关于作者:
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址