博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序笔记<五> 页面管理及生命周期(route)——getCurrentPages()
阅读量:6504 次
发布时间:2019-06-24

本文共 1408 字,大约阅读时间需要 4 分钟。

在小程序中所有页面的路由全部由框架进行管理,而框架以栈的形式维护了当前的所有页面。
当发生路由切换时,页面栈的表现:
getCurrentPages() 用于获取当前页面栈的实例,可以把 getCurrentPages() 看做当前小程序所有页面的集合。该集合的第一个元素为首页,最后一个元素为当前页。
ps:不要尝试修改页面栈,会导致路由以及页面状态错误。
// index/index.js ================================Page({  data:{
"id":1,"name":"mirage"}, onShow:function(){ console.log(getCurrentPages().length); // 输出 1 console.log(getCurrentPages()[0].data); // 输出 {id: 1, name: "mirage", __webviewId__: 24} console.log(getCurrentPages()[1]); // undefined }, goto:function(){ wx.navigateTo({ url: "../info/info" }) }})// info/info.js ==================================Page({ data: { "id": 2, "name": "fox"}, onLoad: function (req) { console.log(getCurrentPages().length); // 输出 2 console.log(getCurrentPages()[0].data); // {id: 1, name: "mirage", __webviewId__: 28} console.log(getCurrentPages()[1].data); // {id: 2, name: "fox", __webviewId__: 29} }})

 getCurrentPages() 可以获取小程序中每个页面的Page实例。

Page() 中 data 输出的 __webviewId__ 每次打开页面该值为0,每当页面重新加载 __webviewId__ 值 +1,且该值不可被手动修改。所以 __webviewId__  可以查看页面被加载的次数。

以下是官方提供的路由的触发方式以及页面生命周期函数表

 关于 Tab 切换对应的页面生命周期;

案例场景  ==>  A、B 页面为 Tabbar 页面,C 是从 A 页面打开的页面,D 页面是从 C 页面打开的页面;

 

注意:

  1. navigateTo, redirectTo 只能打开非 tabBar 页面。
  2. switchTab 只能打开 tabBar 页面。
  3. reLaunch 可以打开任意页面。
  4. 页面底部的 tabBar 由页面决定,即只要是定义为 tabBar 的页面,底部都有 tabBar。
  5. 调用页面路由带的参数可以在目标页面的onLoad中获取。
 

转载于:https://www.cnblogs.com/MirageFox/p/7899682.html

你可能感兴趣的文章
POJ 3268 Silver Cow Party
查看>>
Android Camera开发:使用TextureView和SurfaceTexture预览Camera 基础拍照demo
查看>>
EMLS项目推进思考
查看>>
Eclipse快捷键 10个最有用的快捷键
查看>>
2018-2019-1 20165302 实验五 通讯协议设计
查看>>
快速寻找满足条件的两个数
查看>>
centos6.5安装LNMP
查看>>
Golang 知识点总结
查看>>
JAVA 8 特性
查看>>
算法设计 - LCS 最长公共子序列&&最长公共子串 &&LIS 最长递增子序列
查看>>
WebService之Axis2快速入门(7): Spring与axis整合发布为WebServic
查看>>
Uliweb查看模板调用关系
查看>>
C#与PHP通信压缩
查看>>
根据经纬度获取时区信息
查看>>
关于 Linux
查看>>
图文解析五大外链误区
查看>>
ios开发之导航控制器的原理
查看>>
《Netkiller Blockchain 手札》Hyperledger Fabric Java SDK Demo
查看>>
Spring cloud 安全部署与性能优化
查看>>
querySelector 和 querySelectorAll区别
查看>>