小程序页面跳转的4种方式总结

小程序页面跳转的4种方式总结最近在做微信小程序 总是遇到页面跳转的问题 这里总结一下

大家好,欢迎来到IT知识分享网。

前言:最近在做微信小程序,总是遇到页面跳转的问题,这里总结一下

主要有4种跳转方式

  • reLaunch
  • switchTab
  • redirectTo
  • navigateTo

四种跳转方式的区别

类型 含义
reLaunch 关闭所有页面,打开到应用页面
switchTab 跳转到 tabBar 页面
redirectTo 关闭当前页面,跳转到指定页面
navigateTo 保留当前页面,跳转到指定页面

实例代码

wx.navigateTo(OBJECT)

wx.navigateTo({ 
    url: 'test?id=1' }) 

wx.redirectTo(OBJECT)

wx.redirectTo({ 
    url: 'test?id=1' }) 

wx.switchTab(OBJECT)

{ 
    "tabBar": { 
    "list": [{ 
    "pagePath": "index", "text": "首页" },{ 
    "pagePath": "other", "text": "其他" }] } } 
wx.switchTab({ 
    url: '/index' }) 

wx.reLaunch(OBJECT)

wx.reLaunch({ 
    url: 'C?id=1' }) 

getCurrentPages()

获取当前页面栈。数组中第一个元素为首页,最后一个元素为当前页面

onShow() { 
    let pages = getCurrentPages(); //当前页面栈 if (pages.length == 1) { 
    //todo } }, 

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://haidsoft.com/110605.html

(0)
上一篇 2026-01-30 14:33
下一篇 2026-01-30 15:01

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信