欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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

程序员文章站 2024-02-21 22:55:04
微信小程序 跳转页面 小程序页面有2种跳转,可以在wxml页面或者js中: 1,在wxml页面中:

微信小程序 跳转页面

小程序页面有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页面”。

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

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!