微信小程序的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 的值
    });

相关推荐
用户4324281061142 小时前
小程序埋点设计规范:如何设计可扩展的数据采集体系
微信小程序
m0_5261194019 小时前
iconfont我修改好颜色,但是在小程序项目是黑色的
小程序
2601_956743681 天前
2026 上海小程序开发甄选:源码、云函数、跨端兼容技术评判
小程序·开发经验·上海
IT_张三1 天前
CSDN-项目分享-暑期备考小程序
小程序
IsJunJianXin1 天前
pdd小程序 cdp 保存响应体
linux·服务器·小程序·pdd小程序·拼多多响应体解密·小程序cdp·拼多多rpc取响应体
Geek_Vison1 天前
APP瘦身实战:从80MB+砍到15MB——基于小程序容器技术剥离APP非核心业务的实践分享
小程序·uni-app·mpaas
weikecms1 天前
聚合返利CPS小程序快速搭建教程
人工智能·微信·小程序
Haibakeji2 天前
长沙餐饮门店点餐配送小程序定制开发
大数据·小程序
2501_915918412 天前
iOS App性能测试工具的实现方法与优化循环指南
android·ios·小程序·https·uni-app·iphone·webview
玩烂小程序2 天前
微信小程序手串DIY功能开发实录:飞入动画 + 环形排布 + 拖拽换序 + 旋转查看 + 保存设计
微信小程序