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

相关推荐
海兰37 分钟前
【小程序】 贪吃蛇(Next.js+WebSocket+SQLite + Prisma ORM)
javascript·websocket·小程序
路光.2 小时前
uniapp小程序/App使用webview打通麦克风权限实现录音功能
小程序·uni-app·app
hnxaoli3 小时前
统信小程序(十四)支持拖拽的旋图程序
python·小程序
2501_915106323 小时前
深入解析HTTPS抓包原理、中间人攻击及反抓包技术攻防
数据库·网络协议·ios·小程序·https·uni-app·iphone
silvia_Anne3 小时前
微信小程序商品列表
微信小程序·小程序
游戏开发爱好者84 小时前
React Grab工具详解:AI助力Vue3、Svelte和Solid前端元素调试
android·ios·小程序·https·uni-app·iphone·webview
维双云4 小时前
做一个教培类做题类型的小程序多少钱?
小程序
小羊Yveesss4 小时前
2026年商家小程序外卖怎么找骑手?
小程序
ze^04 小时前
Day05 APP应用&微信小程序&原生态开发&H5+Vue技术&封装打包&反编译抓包点
vue.js·微信小程序·小程序
程序鉴定师1 天前
深圳小程序公司推荐 助力企业数字化转型优质服务商
大数据·小程序