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

注释很详细,直接上代码

上一篇

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

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

源码:

index.wxml

<navigator url="/pages/next/next">
    <button type="primary">跳转到Nextbutton>
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">跳转到Indexbutton>
navigator>

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

next.js

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

效果演示:

微信小程序(二十三)获取页面栈及当前页面实例_第1张图片

在这里插入图片描述

微信小程序(二十三)获取页面栈及当前页面实例_第2张图片
在这里插入图片描述

你可能感兴趣的:(微信小程序,微信小程序,小程序)