首页 > 其他分享 >getCurrentPages()的使用

getCurrentPages()的使用

时间:2022-11-07 17:23:54浏览次数:54  
标签:page prevPage let getCurrentPages 使用 pages 页面

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

不要尝试修改页面栈,会导致路由以及页面状态错误。
不要在 App.onLaunch 的时候调用 getCurrentPages(),此时page 还没有生成。

熟悉页面栈后才能更好的使用getCurrentPages(),下面将列举几种常用的使用场景:
1、利用页面栈的长度
例如:进入小程序非默认首页时,需要提供返回首页的按钮或者执行其它事件

onShow() {
    let pages = getCurrentPages(); //当前页面栈
    if (pages.length == 1) {
     //todo
    }
  },

2、跨页面赋值

 let pages = getCurrentPages();//当前页面栈
 let prevPage = pages[pages.length - 2];//上一页面
  prevPage.setData({
     //直接给上移页面赋值
  });

3、页面跳转后自动刷新

 //举例
    wx.switchTab({
     url: '../index/index',
     success: function (e) {
      var page = getCurrentPages().pop(); //当前页面
      if (page == undefined || page == null) return;
      page.onLoad(); //或者其它操作
     }
    })

4、获取当前页面相关信息

 let pages = getCurrentPages(); //当前页面栈
 //当前页面为页面栈的最后一个元素
 let prevPage = pages[pages.length - 1];//当前页面
 or
 // pop() 方法用于删除并返回数组的最后一个元素
 let prevPage = pages.pop();//当前页面
 
 console.log( prevPage.route) //举例:输出为‘pages/index/index’

以上就是我在微信小程序开发中经常会遇到的getCurrentPages()使用场景

标签:page,prevPage,let,getCurrentPages,使用,pages,页面
From: https://www.cnblogs.com/Sultan-ST/p/16866661.html

相关文章

  • 【前端开发】如何将vue组件转成自定义指令使用,(在自定义指令中使用element ui组件或常
    //导入组件importVuefrom'vue'importXxTipsfrom'packages/basic/xx-tips/src/XxTips.vue'//自定义指令Vue.directive('tip',{bind(el,binding){el.......
  • 使用插件实现Jenkins参数化构建
     一、插件安装1、打开插件管理,在此界面可以安装插件 二、参数化1、在“可选插件”中查找如下两个插件然后安装,安装后重启JenkinsBuildWithParameters输入框式的参数Per......
  • 测速工具使用心得体会
    测速工具使用心得体会 导语:之前写过一个测速小工具,使用的是speedtest-cli提供的api方法,当然除了这个还有其他的测速工具,今天就这个测速工具来说一下使用体验和感受。......
  • 使用tp6的.env文件 api 设置
    使用tp6的.env文件设置bug调试设置成这样的话可以显示错误信息并且api调试的时候也不会出现div样式config.php.env文件......
  • 多功能手持读数仪501TC使用说明
    1.开机和关机开机在关机状态,长按【电源】按键,屏幕显示开机画面,当听到蜂鸣器提示音后即可松开按键,设备自动完成参数加载和系统自检进入工作首页。关机在开机状态,长按【电源】......
  • vue-计算属性和监视属性的区别和使用方法
    转载于:https://blog.csdn.net/qq_38110274/article/details/121242203 作者:我是天之涯  一、总述computed和watch都是vue框架中的用于监听数据变化的属性。 二......
  • MyBatis笔记04-----分页查询、resultMap的简单使用
    分页查询1、分页查询的好处MyBatis作为持久层框架,主要任务就是操作数据库,即是对数据的增、删、查、改,其中大多数业务是查询功能,这也是这四个操作中最常用操作。所以为了......
  • 使用 github.com/wcharczuk/go-chart 绘图
    公共绘图函数packagechartsimport( "bytes" "log" "os" chart"github.com/wcharczuk/go-chart/v2" drawing"github.com/wcharczuk/go-chart/v2/drawing" "......
  • 静态页使用nginx启动服务
    下载地址解压打包好的文件到html下使用命令startnginx或者直接点击nginx.exe文件启动服务在conf文件夹里面的nginx.conf文件查看配置端口,然后浏览器输入本地路径+端口......
  • 微信小程序使用watch监听数据变化的方法
    众所周知,Vue中,可以使用监听属性watch来观察和响应Vue实例上的数据变化,那么小程序能不能实现这一点呢?监听器的原理,是将data中需监听的数据写在watch对象中,并给其提供一......