微信小程序基础 - 09 （路由类API：wx.switchTab、wx.reLaunch、wx.redirectTo、wx.navigateTo、wx.navigateBack）

最新推荐文章于 2023-01-13 14:27:52 发布

黑猫了个怪怪

最新推荐文章于 2023-01-13 14:27:52 发布

阅读量133

点赞数

文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/Janicecat/article/details/121761165

版权

本文详细介绍了小程序中不同navigator组件的open-type属性，如navigate、navigateBack、switchTab、redirect和reLaunch的使用，以及wx.navigateTo方法。同时，阐述了页面间参数传递的正向传参（从A到B）和反向传参（从B到A）过程，包括参数的封装与解析。对于开发者理解小程序页面间的交互和数据流动具有指导意义。

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

<navigator url="/pages/te/a/a" open-type="navigate">
<navigator open-type="navigateBack">
<navigator url="/pages/te/a/a" open-type="switchTab">
<navigator url="/pages/te/a/a" open-type="redirect">
<navigator url="/pages/te/a/a" open-type="reLaunch">

wx.navigateTo方法与navigator组件的保留跳转机制一模一样。保留将会保留当前页面，创建目标页，跳转到目标页面。（不能跳转到tabbar页面）。在这个过程中可以在两个页面之间进行参数的传递。这种参数传递传递需求有两类：正向传参、反向传参。

A页面跳转到B页面，并且传参的过程：（正向传参）

A页面传递参数：

wx.navigateTo({    
   url: '/pages/testing/a/a?id=1&name=zs&age=15'
})

B页面接收参数：

Page({    onLoad(options){   
  // 小程序页面加载时将会自动调用onLoad生命周期方法        
  // options封装了上一个页面传过来的参数        
  options.id       
  options.name       
  options.age    
}})

A页面跳转到B页面，在B页面中进行操作，向A回传参数的过程：（反向传参）