微信小程序页面跳转的方法都有哪些

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序页面跳转的方法都有哪些相关的知识,希望对你有一定的参考价值。

您好!很高兴能为您解答,                微信小程序 跳转页面
小程序页面有2种跳转,可以在wxml页面或者js中:
1,在wxml页面中:
?

1
2
3

<navigator url="../index/index">跳转到新页面</navigator>
<navigator url="../index/index" open-type="redirect">在当前页打开</navigator>
<navigator url="../index/index" open-type="switchTab">切换到首页Tab</navigator>

2,在js页面中:

【注意】此处注意两个关键词 “应用内的页面” 和 “tabBar页面”。 app.json文件中tabBar中注册过的tab页,即为“tabBar页面”,非tabBar中注册占用的页面即为“应用内的页面” 。 如下图:home页面为“应用内的页面”,index和logs页面则为 “tabBar页面”。
参考技术A

微信小程序路由跳转,共有三种形式,页面中使用navigator组件做页面链接形式路由跳转,js中可以使用wx.navigateTo--保留当前页面,跳转到应用内的某个页面,wx.redirectTo--关闭当前页面,跳转到应用内的某个页面 wx.navigateBack()--关闭当前页面,回退前一页面。

以上是关于微信小程序页面跳转的方法都有哪些的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序---页面跳转的方式有哪些?

小程序中如何实现页面跳转

微信小程序页面常用的5种跳转方法

微信小程序中tabBar与导航API的页面跳转处理关系

微信小程序,如何在返回前一个页面时,执行前一个页面的方法

微信小程序页面跳转