微信小程序 跳转页面的两种方法详解
2018-01-29 14:47
1001 查看
这篇文章主要介绍了微信小程序 跳转页面的两种方法详解的相关资料,需要的朋友可以参考下
微信小程序 跳转页面
小程序页面有2种跳转,可以在wxml页面或者js中:
1,在wxml页面中:
[js] view
plain copy
<navigator url="../index/index">跳转到新页面</navigator>
<navigator url="../index/index" open-type="redirect">在当前页打开</navigator>
<navigator url="../index/index" open-type="switchTab">切换到首页Tab</navigator>
2,在js页面中:
![](http://files.jb51.net/file_images/article/201701/2017116161829907.png?2017016161844)
【注意】此处注意两个关键词 “应用内的页面” 和 “tabBar页面”。 app.json文件中tabBar中注册过的tab页,即为“tabBar页面”,非tabBar中注册占用的页面即为“应用内的页面” 。 如下图:home页面为“应用内的页面”,index和logs页面则为 “tabBar页面”。
![](http://files.jb51.net/file_images/article/201701/2017116161859897.png?2017016161912)
转自:http://blog.csdn.net/qq_23174861/article/details/78626949
微信小程序 跳转页面
小程序页面有2种跳转,可以在wxml页面或者js中:
1,在wxml页面中:
[js] view
plain copy
<navigator url="../index/index">跳转到新页面</navigator>
<navigator url="../index/index" open-type="redirect">在当前页打开</navigator>
<navigator url="../index/index" open-type="switchTab">切换到首页Tab</navigator>
2,在js页面中:
![](http://files.jb51.net/file_images/article/201701/2017116161829907.png?2017016161844)
【注意】此处注意两个关键词 “应用内的页面” 和 “tabBar页面”。 app.json文件中tabBar中注册过的tab页,即为“tabBar页面”,非tabBar中注册占用的页面即为“应用内的页面” 。 如下图:home页面为“应用内的页面”,index和logs页面则为 “tabBar页面”。
![](http://files.jb51.net/file_images/article/201701/2017116161859897.png?2017016161912)
转自:http://blog.csdn.net/qq_23174861/article/details/78626949
相关文章推荐
- 微信小程序 跳转页面的两种方法详解
- 微信小程序--跳转页面的两种方法详解
- 微信小程序 跳转页面的两种方法详解
- 微信小程序 页面跳转传递值几种方法详解
- [微信小程序]页面跳转对象参数的传递方法
- 微信小程序详解——页面之间的跳转方式【路由】和参数传递
- 微信小程序实现页面跳转传值以及获取值的方法分析
- 微信小程序 页面跳转和数据传递实例详解
- 微信小程序页面跳转传值以及获取值方法
- 微信小程序(页面跳转详解)
- 微信小程序页面跳转功能之从列表的item项跳转到下一个页面的方法
- 详解微信小程序 页面跳转 传递参数
- 微信小程序 页面跳转和数据传递实例详解
- 微信小程序详解——页面之间的跳转方式【路由】和参数传递
- 微信小程序 页面跳转传参详解
- 微信小程序 页面跳转及数据传递详解
- 微信小程序实现页面跳转传值的方法
- 微信小程序详解——页面之间的跳转方式【路由】和参数传递
- 微信小程序 设置启动页面的两种方法
- 微信小程序 详解页面跳转与返回并回传数据