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

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

作者: mindasiy | 来源:发表于2017-03-14 10:50 被阅读0次

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

1.png

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

2.png

相关文章

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

    小程序页面有2种跳转,可以在wxml页面或者js中:1.在wxml页面中: 2.在js页面中: 【注意】此处注意两...

  • 2020-09-28

    微信小程序模仿微信主页及页面跳转详解 主页wxml代码:

  • 微信小程序页面跳转方法总结

    微信小程序页面跳转目前有以下方法(不全面的欢迎补充): 1. 利用小程序提供的 API 跳转: // 保留当前页面...

  • 跳转大全

    微信小程序页面跳转目前有以下方法(不全面的欢迎补充): 1. 利用小程序提供的 API 跳转: //保留当前页面,...

  • 小程序跳转H5页面注意事项

    小程序跳转方法如下 小程序需要跳转的页面如下 注意:微信公众平台需要配置H5页面url,在开发管理-开发设置-业务...

  • 微信小程序-开发详解一

    微信小程序-开发详解一 微信小程序-开发详解一

  • 小程序跳转小程序

    小程序如何跳转到其他小程序 微信小程序跳转到其他小程序有两种方式。 一种是用组件navigator跳转: 一种是用...

  • H5跳转微信小程序

    这问题,很多情况,分几类: 一、微信内嵌H5跳转内部微信小程序页 1. 小程序页内 Tips: 微信页面 web...

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

    步骤一:添加新页面 在小程序目录下的pages文件下新建文件下,命名为news 在app.json中添加新的页面"...

  • 微信小程序笔记心得

    微信小程序问题汇总及详解《一》form表单 微信小程序问题汇总及详解《二》tab切换 微信小程序问题汇总及详解《三...

网友评论

      本文标题:微信小程序 跳转页面的两种方法详解

      本文链接:https://www.haomeiwen.com/subject/pfbcnttx.html