死亡是一座永恒的灯塔

0%

微信小程序页面跳转

路由:路由在项目开发中一直是个核心点,在这里其实微信对路由的介绍很少,可见微信在路由方面经过很好的封装,也提供三个跳转方法。

三个跳转方法

  • wx.navigateTo(OBJECT):保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。
  • wx.redirectTo(OBJECT):关闭当前页面,跳转到应用内的某个页面。
  • wx.navigateBack():关闭当前页面,回退前一页面。
    这三个基本上使用足够,在路由方面微信封装的很好,开发者根本不用去配置路由,往往很多框架在路由方面配置很繁琐。

问题描述:路由跳转失败

出现原因:没有仔细看说明文档,需要在app。json中配置路由跳转的地址

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
{
"pages":[
"pages/personChoice/personChoice",
"pages/result/result",
"pages/index/index",
"pages/logs/logs"

],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle":"black"
}
}

解决办法:仔细看说明文档
注意:微信小程序的跳转有个坑。只能保留10个页面。历史记录有十个页面之后,跳转会失效。所以要适当的清除历史记录。

坚持技术分享,您的支持将鼓励我继续创作!