微信小程序--跳转页面的两种方法详解

最新推荐文章于 2024-12-04 19:57:16 发布

原创最新推荐文章于 2024-12-04 19:57:16 发布 · 2.6k 阅读

6 ·

CC 4.0 BY-SA版权

微信小程序专栏收录该内容

21 篇文章

订阅专栏

本文介绍了微信小程序中实现页面跳转的两种方法：一种是在wxml页面中使用navigator组件进行跳转，包括跳转到新页面、在当前页打开及切换到首页Tab；另一种是在js页面中通过API实现跳转。同时，文中还解释了‘应用内的页面’与‘tabBar页面’的区别。

微信小程序跳转页面

小程序页面有2种跳转，可以在wxml页面或者js中：

1，在wxml页面中：

 <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页面”。