pp电子

登录
免费开通

微信小程序页面路由,微信小程序页面栈路由方式

页面路由

在小程序中所有页面的路由所有由框架举行治理 。。。

页面栈

框架以栈的形式维护了目今的所有页面 。。。当爆发路由切换的时间, ,,,,页面栈的体现如下:

路由方式 页面栈体现
初始化 新页面入栈
翻开新页面 新页面入栈
页面重定向 目今页面出栈, ,,,,新页面入栈
页面返回 页面一直出栈, ,,,,直到目的返回页, ,,,,新页面入栈
Tab 切换 页面所有出栈, ,,,,只留下新的 Tab 页面
重加载 页面所有出栈, ,,,,只留下新的页面

getCurrentPages()

getCurrentPages()函数用于获取目今页面栈的实例, ,,,,以数组形式按栈的顺序给出, ,,,,第一个元素为首页, ,,,,最后一个元素为目今页面 。。。

Tip:不要实验修改页面栈, ,,,,会导致路由以及页面状态过失 。。。

路由方式

关于路由的触发方式以及页面生命周期函数如下:

路由方式 触发时机 路由前页面 路由后页面
初始化 小程序翻开的第一个页面   onLoad, onSHow
翻开新页面 挪用 API wx.navigateTo 或使用组件 <navigator open-type="navigateTo"/> onHide onLoad, onShow
页面重定向 挪用 API wx.redirectTo 或使用组件 <navigator open-type="redirectTo"/> onUnload onLoad, onShow
页面返回 挪用 API wx.navigateBack 或使用组件<navigator open-type="navigateBack">或用户按左上角返回按钮 onUnload onShow
Tab 切换 挪用 API wx.switchTab 或使用组件 <navigator open-type="switchTab"/> 或用户切换 Tab   种种情形请参考下表
重启动 挪用 API wx.reLaunch 或使用组件 <navigator open-type="reLaunch"/> onUnload onLoad, onShow

Tab 切换对应的生命周期(以 A、B 页面为 Tabbar 页面, ,,,,C 是从 A 页面翻开的页面, ,,,,D 页面是从 C 页面翻开的页面为例):

目今页面 路由后页面 触发的生命周期(按顺序)
A A Nothing happend
A B A.onHide(), B.onLoad(), B.onShow()
A B(再次翻开) A.onHide(), B.onShow()
C A C.onUnload(), A.onShow()
C B C.onUnload(), B.onLoad(), B.onShow()
D B D.onUnload(), C.onUnload(), B.onLoad(), B.onShow()
D(从转发进入) A D.onUnload(), A.onLoad(), A.onShow()
D(从转发进入) B D.onUnload(), B.onLoad(), B.onShow()

Tips:

  • navigateTo,redirectTo只能翻开非 tabBar 页面 。。。
  • switchTab 只能翻开 tabBar 页面 。。。
  • reLaunch 可以翻开恣意页面 。。。
  • 页面底部的 tabBar 由页面决议, ,,,,即只要是界说为 tabBar 的页面, ,,,,底部都有 tabBar 。。。
  • 挪用页面路由带的参数可以在目的页面的onLoad中获取 。。。
更多微信小程序开发教程, ,,,,可以关注 。。。
【本站声明】
  1、本站文章中所选用的图片及文字泉源于网络以及用户投稿, ,,,,由于未联系到知识产权人或未发明有关知识产权的挂号, ,,,,若有知识产权人并不肯意我们使用, ,,,,若是有侵权请连忙联系 。。。
  2、本网站差池文章中所涉及的内容真实性、准确性、可靠性认真, ,,,,仅系客观性形貌, ,,,,如您需要相识该类商品/服务详细的资讯, ,,,,请您直接与该类商品/服务的提供者联系 。。。


KESION pp电子软件

KESION pp电子软件是海内领先的在线教育软件及私域社交电商软件服务提供商, ,,,,恒久专注于为企业提供在线教育软件及社交电商SaaS平台解决方案 。。。
公司焦点产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化自力安排品牌网校和在线教育咨询等 。。。

KESION 一直通过手艺立异, ,,,,提供产品和服务, ,,,,助力企业向数字化转型, ,,,,通过科技驱动商业刷新, ,,,,让商业变得更智慧!



▼点击进入pp电子官网相识更多



上/下篇
  • 微信小程序注书页面Page()函数,Page() 函数用来注册一个页面

  • 微信小程序??榛,微信小程序文件作用域

换一换相关推荐
精选内容
热门精选
pp电子·模拟器(试玩游戏)官方网站 pp电子·模拟器(试玩游戏)官方网站 pp电子·模拟器(试玩游戏)官方网站
【网站地图】
微信小程序页面路由,微信小程序页面栈路由方式 - KESIO