微信小程序（页面栈和API跳转）

最新推荐文章于 2024-06-18 23:01:17 发布

倚窗听梦~~~

最新推荐文章于 2024-06-18 23:01:17 发布

阅读量412

点赞数

本文链接：https://blog.csdn.net/weixin_45343884/article/details/100100055

版权

本文详细介绍了微信小程序中的页面栈概念，包括页面栈的定义和最大层级限制。接着，文章深入讨论了五种页面跳转API：wx.navigateTo、wx.navigateBack、wx.redirectTo、wx.switchTab和wx.reLaunch，分别阐述了它们的工作原理、应用场景及优缺点。重点提到了wx.switchTab用于跳转tabBar页面，并建议在跳转tabBar页面时首选wx.switchTab，其次可使用wx.reLaunch。

摘要由CSDN通过智能技术生成

一·页面栈

定义：页面层级可能会有三层或者更多层，我们把这样的一个页面层级称为页面栈。
在这里插入图片描述

我的主页面

!--pages/mine/mine.wxml-->
<view class="mineArea">
  <block wx:for="{
  {mineArray}}" wx:key="index">
    <view class="mineList" bindtap="{
  {item.Fn}}">
      <image src="{
  {item.imgSrc}}"></image>
      <text>{
  {item.info}}</text>
      <view></view>
    </view>  
  </block>
</view>

/* pages/mine/mine.wxss */
.mineArea{
  width: 100%;
  height: auto;
  background: rgba(226, 223, 223, 0.5)
}
.mineList{
  width: 100%;
  height: 100rpx;
  border:1rpx solid #dbd