您现在的位置是:群英 > 开发技术 > 移动开发
微信小程序怎么实现跳转页面,有哪些方法
Admin发表于 2022-05-07 17:27:016702 次浏览
关于“微信小程序怎么实现跳转页面,有哪些方法”的知识点有一些人不是很理解,对此小编给大家总结了相关内容,文中的内容简单清晰,易于学习与理解,具有一定的参考学习价值,希望能对大家有所帮助,接下来就跟随小编一起学习一下“微信小程序怎么实现跳转页面,有哪些方法”吧。

小程序页面跳转的方式有以下几种:

一、wx.navigateTo(OBJECT)

这是最普遍的一种跳转方式,其官方解释为:“保留当前页面,跳转到应用内的某个页面”

类似于html中的 window.location.href=" "
eg:

wx.navigateTo({ url: 'test?id=1'})
实际效果如下:

小程序中左上角有一个返回箭头,可返回上一个页面

也可以通过方法 wx.navigateBack 返回原页面

二、wx.redirectTo(OBJECT)

关闭当前页面,跳转到应用内的某个页面。
类似于html中的 window.open('你所要跳转的页面');
eg:
wx.redirectTo({ url: 'test?id=1'})
效果如下:

左上角没有返回箭头,不能返回上一个页面

三、wx.switchTab(OBJECT)

跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面
eg:
{ "tabBar": { "list": [{ "pagePath": "index", "text": "首页" },{ "pagePath": "other", "text": "其他" }] } }
wx.switchTab({ url: '/index'})

wx.navigateTo 和 wx.redirectTo 不允许跳转到 tabbar 页面,只能用 wx.switchTab 跳转到 tabbar 页面

四、wx.reLaunch(OBJECT)

关闭所有页面,打开到应用内的某个页面。

跟wx.redirectTo 一样左上角不会出现返回箭头,但两者却不完全相同

这里要提到小程序中的 getCurrentPages() 方法

在wx.navigateTo中,每跳转一个新的页面,其原始页面就会被加入堆栈,通过调用wx.navigateBack(OBJECT)可通过获取堆栈中保存的页面 返回上一级或多级页面;

wx.redirectTo,方法则不会被加入堆栈,但仍可通过wx.navigateBack(OBJECT)方法返回之前堆栈中的页面

wx.reLaunch 方法则会清空当前的堆栈。

eg:

// 此处是A页面wx.navigateTo({  url: 'B?id=1'})// 此处是B页面wx.navigateTo({  url: 'C?id=1'})// 在C页面内 navigateBack,将返回b页面wx.navigateBack({  delta: 1})
// 此处是B页面
wx.redirectTo({
 url: 'C?id=1'
 })
 // 在C页面内 navigateBack,则会返回a页面 
wx.navigateBack({
 delta: 1
 })
// 此处是B页面
wx.reLaunch({
 url: 'C?id=1'
 })
 // 在C页面内 navigateBack,则无效

感谢各位的阅读,以上就是“微信小程序怎么实现跳转页面,有哪些方法”的内容了,通过以上内容的阐述,相信大家对微信小程序怎么实现跳转页面,有哪些方法已经有了进一步的了解,如果想要了解更多相关的内容,欢迎关注群英网络,群英网络将为大家推送更多相关知识点的文章。

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。

相关信息推荐
2022-07-27 17:57:23 
摘要:AJAX 可以在不重新加载整个网页的情况下,与服务器交换数据,并且更新部分网页,下面这篇文章主要给大家介绍了关于实现AJAX异步调用和局部刷新的基本步骤,需要的朋友可以参考下
2021-12-23 19:18:41 
摘要:C语言如何做计算器加减乘除的功能?实现计算器加减乘除的功能是一个很简单的练习题,对大家新手学习和理解C语言的使用有一定的帮助,因此分享给大家做个参考,文中示例代码介绍的很详细,感兴趣的朋友接下来一起跟随小编看看吧。
2022-07-14 17:28:09 
摘要:php求数组中最大下标的步骤:1、使用array_keys()函数获取数组中的所有下标,并以数组形式返回得到的数组下标,语法“array_keys(原数组)”,会返回一个包含所有下标的数组;2、使用max()函数获取下标数组中的最大值即可,语法“max(下标数组)”。
群英网络助力开启安全的云计算之旅
立即注册,领取新人大礼包
  • 联系我们
  • 24小时售后:4006784567
  • 24小时TEL :0668-2555666
  • 售前咨询TEL:400-678-4567

  • 官方微信

    官方微信
Copyright  ©  QY  Network  Company  Ltd. All  Rights  Reserved. 2003-2019  群英网络  版权所有   茂名市群英网络有限公司
增值电信经营许可证 : B1.B2-20140078   粤ICP备09006778号
免费拨打  400-678-4567
免费拨打  400-678-4567 免费拨打 400-678-4567 或 0668-2555555
微信公众号
返回顶部
返回顶部 返回顶部