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

相关推荐
宁夏雨科网10 小时前
文具办公用品小程序商城,开发一个难吗
小程序·商城小程序·文具小程序·文具商城
说私域17 小时前
开源链动2+1模式商城小程序在深度分销数字化转型中的应用研究
人工智能·小程序·开源·流量运营·私域运营
咖啡の猫18 小时前
微信小程序案例 - 自定义 tabBar
微信小程序·小程序·notepad++
咖啡の猫19 小时前
微信小程序全局数据共享
微信小程序·小程序
桐溪漂流19 小时前
微信小程序cli脚本预览上传
微信小程序·小程序
咖啡の猫19 小时前
微信小程序使用 npm 包
微信小程序·小程序·npm
说私域19 小时前
开源链动2+1模式商城小程序的营销技术与私域运营策略研究
人工智能·小程序·开源·流量运营·私域运营
小小王app小程序开发1 天前
淘宝扭蛋机小程序核心玩法拆解与技术运营分析
大数据·小程序
说私域2 天前
AI智能名片商城小程序数据清洗的持续运营策略与实践研究
大数据·人工智能·小程序·流量运营·私域运营
东东5162 天前
xxx食堂移动预约点餐系统 (springboot+微信小程序)
spring boot·微信小程序·小程序·毕业设计·个人开发·毕设