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

网友投稿 657 2023-11-12

微信小程序 跳转页面

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

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

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

您可能感兴趣的文章:微信小程序跳转到其他网页(外部链接)的实现方法微信小程序实现跳转的几种方式总结(推荐)微信小程序按钮点击跳转页面详解微信小程序 页面跳转传参详解微信小程序 页面跳转和数据传递实例详解微信小程序 详解页面跳转与返回并回传数据微信小程序出现wx.navigateTo页面不跳转问题的解决方法微信小程序实现点击文字页面跳转功能【附源码-】微信小程序链接传参并跳转新页面微信小程序实现跳转详情页面

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:微信小程序实现圆形进度条动画
下一篇:京东优选小程序的实现代码示例
相关文章

 发表评论

暂时没有评论,来抢沙发吧~