### [微信小程序中跳转页面的两种方法](https://www.prosaas.cn/article/17470)

**Published:** 2018-06-22T08:12:48

**Author:** 5201314

**Excerpt:** 这篇文章主要介绍了微信小程序 跳转页面的两种方法详解的相关资料,需要的朋友可以参考下微信小程序 跳转页面小程序…

这篇文章主要介绍了微信小程序 跳转页面的两种方法详解的相关资料,需要的朋友可以参考下

**微信小程序 跳转页面**

小程序页面有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页面中：**

  ![](https://img.php.cn/upload/article/000/000/009/83017ff55d4ac5e5a10dda22fa8181ad-0.png)

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

 ![](https://img.php.cn/upload/article/000/000/009/83017ff55d4ac5e5a10dda22fa8181ad-1.png)

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

相关推荐：

如何在微信小程序内开发验证码密码输入框功能

微信小程序开发中怎样做出城市选择

微信小程序内常用的运算符有哪些

以上就是微信小程序中跳转页面的两种方法的详细内容，更多请关注知企PROSAAS其它相关文章！

**Tags:** JS, json, php, 微信小程序, 运算符

**Categories:** 后端开发

---