微信小程序的5种打开页面方式

wx.navigateTo:打开新页面

  • 使用 wx.navigateTo 可以打开一个新的页面,新页面会被放置在当前页面的上层。

    wx.navigateTo({
    url: '/pages/nextPage/nextPage'
    });

wx.redirectTo:关闭当前页面,打开新页面

  • 使用 wx.redirectTo 关闭当前页面,并打开一个新页面。适用于不需要保留当前页面状态的情况。

    wx.redirectTo({
    url: '/pages/otherPage/otherPage'
    });

wx.switchTab:跳转到 tabBar 页面

  • 使用 wx.switchTab 可以跳转到 tabBar 页面,注意目标页面需要在 app.json 中有对应的 tabBar 配置。

    wx.switchTab({
    url: '/pages/tabBarPage/tabBarPage'
    });

wx.reLaunch:关闭所有页面,打开新页面

  • 使用 wx.reLaunch 关闭所有页面,并打开一个新页面。适用于需要重新加载整个小程序的情况。

    wx.reLaunch({
    url: '/pages/homePage/homePage'
    });

wx.navigateBack:返回上一页

  • 使用 wx.navigateBack 可以返回到上一页,可以指定返回的层数。

    wx.navigateBack({
    delta: 1 // 返回上一页,可以根据实际情况设置 delta 的值
    });

相关推荐
低代码布道师1 小时前
教培管家第03讲:集结号角——接入企微机器人实现新线索通知
低代码·小程序·机器人·企业微信·云开发
数字游民952716 小时前
推荐一个自带流量加成的小程序接口
人工智能·ai·小程序
2501_9159090617 小时前
Charles 抓不到包怎么办?iOS 调试过程中如何判断请求路径
android·ios·小程序·https·uni-app·iphone·webview
2501_9160074717 小时前
iOS和iPadOS文件管理系统全面解析与使用指南
android·ios·小程序·https·uni-app·iphone·webview
2501_9159214321 小时前
iOS App 开发阶段性能优化,观察 CPU、内存和日志变化
android·ios·性能优化·小程序·uni-app·iphone·webview
qq_12498707531 天前
基于微信小程序的垃圾分类信息系统(源码+论文+部署+安装)
java·前端·spring boot·后端·微信小程序·小程序·计算机毕业设计
qq_12498707531 天前
基于微信小程序的照片社交平台(源码+论文+部署+安装)
java·大数据·微信小程序·小程序·毕业设计·计算机毕业设计
Focussend智能化营销1 天前
【无标题】重构增长链路:如何将企业小程序从“成本中心”,改造为“利润中心”?
人工智能·小程序·重构·自动化·内容运营·数字化营销
游戏开发爱好者81 天前
在 iOS 开发、测试与上架过程中 如何做证书管理
android·ios·小程序·https·uni-app·iphone·webview
计算机毕设指导61 天前
基于微信小程序的健康管理系统【源码文末联系】
java·spring boot·微信小程序·小程序·tomcat·maven·intellij-idea