微信小程序(二十三)获取页面栈及当前页面实例

news/2024/7/20 2:12:13 标签: 微信小程序, 小程序

注释很详细,直接上代码

上一篇

新增内容:
1.页面栈的定义
2.获取当前页面实例
页面栈

当我们从A页面跳到B页面再跳到C页面时,页面栈则是由三个页面的实例组成的数组,A在下标为0的数组中,C在下标为2的数组中
当然,会有特殊情况:
就上面那个例子,如果小程序设置了tabBar导航栏,当我跳转到导航栏页面时,其他所有的导航栏页面记录都会被清除,然后加入当前导航栏页面的实例
eg.如果上面的例子里C是导航栏页面,则跳转到C页面时,页面栈中就只剩下C页面的实例了

源码:

index.wxml

<navigator url="/pages/next/next">
    <button type="primary">跳转到Next</button>
</navigator>

<button type="default" bind:tap="getCurrentPage">获取当前页面实例</button>

index.js

Page({
    getCurrentPage(){
        //获取页面栈(数组)
        const pages=getCurrentPages();
        //数组的最后一项为当前页面
        const page= pages[pages.length-1];
        console.log(page);
    }
})

next.wxml

<navigator url="/pages/index/index">
    <button type="default">跳转到Index</button>
</navigator>

<button type="primary" bind:tap="getCurrentPage">获取当前页面实例</button>

next.js

Page({
    getCurrentPage(){
        //获取页面栈(数组)
        const pages=getCurrentPages();
        //数组的最后一项为当前页面
        const page= pages[pages.length-1];
        console.log(page);
    }
})

效果演示:

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述


http://www.niftyadmin.cn/n/5357188.html

相关文章

【前端-VUE+TS】Vue3组件化-下(五)

一. 插槽的使用 1.1. 认识插槽slot 在开发中&#xff0c;我们会经常封装一个个可复用的组件&#xff1a; 前面我们会通过props传递给组件一些数据&#xff0c;让组件来进行展示&#xff1b;但是为了让这个组件具备更强的通用性&#xff0c;我们不能将组件中的内容限制为固定的d…

SpringBoot-基础

SpringBoot-基础 1.IOC控制反转 Spring的核心是IoC&#xff08;Inversion of Control&#xff0c;控制反转&#xff09;容器&#xff0c;它可以管理容器内的普通Java对象以及对象之间关系的绑定&#xff08;Dependency Injection依赖注入&#xff09;。容器中被管理的对象称为…

C语言实战三:图书管理系统

这个图书管理系统包括了添加、查找、删除、编辑、显示和保存书籍信息的功能。书籍信息被保存在一个文本文件中&#xff0c;在程序启动时从文件中加载&#xff0c;退出程序时保存到文件中。用户可以通过命令行界面操作图书管理系统&#xff0c;并进行相应的功能操作。 一、代码…

1. 两数之和(力扣LeetCode)

文章目录 1. 两数之和题目描述哈希表&#xff1a;map二分查找暴力&#xff1a;双重for循环 1. 两数之和 题目描述 给定一个整数数组 nums 和一个整数目标值 target&#xff0c;请你在该数组中找出 和为目标值 target 的那 两个 整数&#xff0c;并返回它们的数组下标。 你可…

除毛可以用宠物空气净化器吗?猫用空气净化器哪些品牌吸毛好?

作为一位长期养猫的铲屎官&#xff0c;我深刻理解只有养猫人才懂的困扰&#xff0c;那就是家里到处都是猫毛和异味。我发现自从开始养猫之后&#xff0c;家里的空气质量变得不佳。猫毛和皮屑飞扬&#xff0c;而且室内空气中的污染物也越来越多。这种低质量的空气对我们的健康有…

排序链表---归并--链表OJ

https://leetcode.cn/problems/sort-list/submissions/499363940/?envTypestudy-plan-v2&envIdtop-100-liked 这里我们直接进阶&#xff0c;用时间复杂度O(nlogn)&#xff0c;空间复杂度O(1)&#xff0c;来解决。 对于归并&#xff0c;如果自上而下的话&#xff0c;空间复…

ImageNet预训练图像分类模型预测单张图像

导入基础工具包 import osimport cv2import pandas as pd import numpy as npimport torchimport matplotlib.pyplot as plt %matplotlib inline 计算设备确定 # 有 GPU 就用 GPU&#xff0c;没有就用 CPU device torch.device(cuda:0 if torch.cuda.is_available() else c…

什么是规上企业

规上企业是指采取国家规定的认定标准&#xff0c;经政府审核&#xff0c;由国家有关主管部门统一登记登记许可&#xff0c;实行国家财务主管和管理审计&#xff0c;受国家经济管理&#xff0c;并实行社会保险管理的企业。有一定的规模大小、拥有一定的资本优势、企业管理体系和…