微信小程序-路由和页面跳转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)
  }
相关推荐
发财北几秒前
房屋管理系统开发流程
小程序
游戏开发爱好者83 分钟前
Nginx HTTPS 深入实战 配置、性能与排查全流程(Nginx https
运维·nginx·ios·小程序·https·uni-app·iphone
游戏开发爱好者81 小时前
TCP 抓包分析:tcp抓包工具、 iOS/HTTPS 流量解析全流程
网络协议·tcp/ip·ios·小程序·https·uni-app·iphone
Q_Q5110082852 小时前
python+uniapp基于微信小程序美食点餐系统
spring boot·python·微信小程序·django·flask·uni-app·node.js
2501_916008893 小时前
iOS 26 软件性能测试全流程,启动渲染资源压力对比与优化策略
android·macos·ios·小程序·uni-app·cocoa·iphone
00后程序员张3 小时前
iOS 26 兼容测试实战,机型兼容、SwiftUI 兼容性改动
android·ios·小程序·uni-app·swiftui·cocoa·iphone
OEC小胖胖4 小时前
连接世界:网络请求 `wx.request`
前端·微信小程序·小程序·微信开放平台
mon_star°4 小时前
基于微信小程序高仿背单词消除游戏
游戏·微信小程序·小程序
jingling5554 小时前
解决微信小程序真机调试中访问本地接口 localhost:8080 报错
前端·微信小程序·小程序
ZeroNews内网穿透4 小时前
新版发布!“零讯”微信小程序版本更新
运维·服务器·网络·python·安全·微信小程序·小程序