微信小程序-路由和页面跳转API

一.wx.navigateTo

wx.navigateTo是通过编程实现页面跳转,和navigator组件组件中,open-type="navigate"属性类似,是保留当前页面跳转新的页面,不适用tabbar页面。

   //保留当前页面,跳转到非tabbar页面
    wx.navigateTo({
      url: '/pages/list/list?id=1',
    })

类似组件

  <navigator url="/pages/list/list" open-type="navigate">
 
  </navigator>

二.wx.redirectTo

wx.redirectTo和和navigator组件组件中,open-type="redirect"属性类似,

销毁当前页面跳转新的页面,不适用tabbar页面。

    wx.redirectTo({
      url: '/pages/list/list?id=1',
    })

三.wx.switchTab

只能跳转到tabbar页面,不能传递参数,类似于navigator组件组件中,open-type="switch Tab"

    wx.switchTab({
      // url: '/pages/list/list',
      url:'/pages/cat/cat'
    })

四.wx.reLaunch

关闭当前页面,跳转到任意页面,类似于navigator组件组件中,open-type="reLaunch"

    wx.reLaunch({
      url: '/pages/list/list?id=1',
    })

五.wx.navigateBack

返回上一级或多级页面,类似于navigator组件组件中,open-type="navigateBack"
delta参数值,是要返回前几级页面。

    wx.navigateBack({
      delta:1
    })

六.使用钩子函数onLoad接收参数

在页面跳转过程中会传递参数,可以使用onLoad函数接收参数。

  onLoad(opt){
    console.log(opt.id)
  }
相关推荐
尚梦3 小时前
uni-app 封装刘海状态栏(适用小程序, h5, 头条小程序)
前端·小程序·uni-app
小飞哥liac5 小时前
微信小程序的组件
微信小程序
stormjun7 小时前
Java基于微信小程序的私家车位共享系统(附源码,文档)
java·微信小程序·共享停车位·私家车共享停车位小程序·停车位共享
paopaokaka_luck7 小时前
基于Spring Boot+Vue的助农销售平台(协同过滤算法、限流算法、支付宝沙盒支付、实时聊天、图形化分析)
java·spring boot·小程序·毕业设计·mybatis·1024程序员节
Bessie2349 小时前
微信小程序eval无法使用的替代方案
微信小程序·小程序·uni-app
shenweihong9 小时前
javascript实现md5算法(支持微信小程序),可分多次计算
javascript·算法·微信小程序
蜕变菜鸟9 小时前
小程序跳转另一个小程序
小程序
13 小时前
躺平成长-代码开发,利用kimi开发小程序(09)
小程序
16 小时前
微信小程序运营日记(第四天)
微信小程序·小程序
guanpinkeji16 小时前
旧衣回收小程序:提高回收效率,扩大服务范围
大数据·小程序·团队开发·软件开发·小程序开发·旧衣回收·旧衣回收小程序