微信小程序-路由和页面跳转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)
  }
相关推荐
程序员陆通44 分钟前
用 Cursor AI 快速开发你的第一个编程小程序
人工智能·小程序
鹧鸪云光伏与储能软件开发1 小时前
投资储能项目能赚多少钱?小程序帮你测算
运维·数据库·小程序·光伏·光伏设计软件·光伏设计
微三云-轩1 小时前
小程序:12亿用户的入口,企业数字化的先锋军
大数据·小程序·开源软件
低代码布道师1 小时前
少儿舞蹈小程序(8)校区信息后台搭建
低代码·小程序
2501_916008892 小时前
iOS 抓包工具有哪些?全面盘点主流工具与功能对比分析
android·ios·小程序·https·uni-app·iphone·webview
2501_915921432 小时前
iOS混淆工具实战 视频流媒体类 App 的版权与播放安全保护
android·ios·小程序·https·uni-app·iphone·webview
—Qeyser5 小时前
好看的背景颜色 uniapp+小程序
小程序·uni-app·uniapp·微信小游戏
2501_916008895 小时前
uni-app iOS 日志与崩溃分析全流程 多工具协作的实战指南
android·ios·小程序·https·uni-app·iphone·webview
Dark_programmer5 小时前
钉钉小程序 - - - - - 小程序内打开OA文档链接
小程序·钉钉
weixin_lynhgworld6 小时前
剧本杀APP系统开发:引领娱乐行业新潮流的科技力量
小程序·剧本杀