微信小程序实现页面跳转和回退

一、声明式导航navigator

  1. 跳转到tabbar页面 open-type=“switchTab”
  2. 跳转到非tabbar页面 url添加地址
  3. 页面回退
    微信小程序实现页面跳转和回退_第1张图片在这里插入图片描述

二、编程式导航

  1. 跳转到tabbar页面 wx.switchTab
  2. 跳转到非tabbar页面 wx.navigateTo
  3. 页面后退 wx.navigateBack,delta表示回退的层级

在这里插入图片描述
微信小程序实现页面跳转和回退_第2张图片
在这里插入图片描述
微信小程序实现页面跳转和回退_第3张图片
微信小程序实现页面跳转和回退_第4张图片

*两种导航传参,都是参照get请求写法,参数拼接在路径后面
*接收参数,在目标页面onLoad: function (options) {}生命周期options中可以接收传过来的参数
微信小程序实现页面跳转和回退_第5张图片

你可能感兴趣的:(小程序,前端)