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

相关推荐
前端 贾公子2 小时前
小程序蓝牙打印探索与实践(下)
小程序·apache
00后程序员张2 小时前
Jenkins 自动上传 IPA 到 App Store 把发布步骤融入 CI/CD
android·ios·小程序·https·uni-app·iphone·webview
万岳科技系统开发5 小时前
骑手配送系统如何支持外卖与跑腿一体化运营
大数据·前端·小程序
2501_915909065 小时前
iOS IPA文件反编译与打包操作方法详解
android·ios·小程序·https·uni-app·iphone·webview
克里斯蒂亚诺更新21 小时前
微信小程序使用vant4 weapp自定义菜单 但是弹出层却被菜单遮挡的解决办法
微信小程序·小程序·notepad++
静Yu1 天前
从一个九宫格素材小程序,看轻量工具产品该如何优化体验
前端·微信小程序
小羊Yveesss1 天前
2026年微信小程序制作工具怎么选?
微信小程序·小程序
河北清兮网络科技1 天前
深度解析:2026石家庄短视频APP开发真实成本、隐性开销与避坑方案
大数据·小程序·app·短剧app·广告联盟
微擎应用1 天前
宠物门店系统 - 连锁宠物医院多门店小程序+公众号双端管理系统
小程序·宠物
脱脱克克1 天前
使用 TRAE / VS Code + DeepSeek V4 开发微信小程序、网页
微信小程序·ai编程·环境配置