美文网首页微信小程序知识微信小程序开发微信小程序(应用号)
微信小程序详解——页面之间的跳转方式【路由】和参数传递

微信小程序详解——页面之间的跳转方式【路由】和参数传递

作者: Johntdk | 来源:发表于2017-01-17 19:50 被阅读2243次

    微信小程序拥有web网页和Application共同的特征,我们的页面都不是孤立存在的,而是通过和其他页面进行交互,来共同完成系统的功能。今天我们来研究小程序页面之间的跳转方式。

    ====在Android中,我们Activity和Fragment都有栈的概念在里面,微信小程序页面也有栈的概念在里面。微信小程序页面跳转有四种方式:

    1.wx.navigateTo(OBJECT);

    2.wx.redirectTo(OBJECT);

    3.wx.switchTab(OBJECT);

    4.wx.navigateBack(OBJECT)

    5.使用实现对应的跳转功能;

    分析:

    1.其中navigateTo是将原来的页面保存在页面栈中,在跳入到下一个页面的时候目标页面也进栈,只有在这个情况下点击手机的返回按钮才可以跳转到上一个页面;

    2.redirectTo和switchTab都是先清除栈中原来的页面,然后目标页面进栈,使用这两种跳转方式,都不能通过系统的返回键回到上一个页面,而是直接退出小程序;

    3.redirectTo使用的时候一定要配合`tabBar`或是页面里面可以再次跳转按钮,否则无法回到上一个页面;

    4.switchTab跳转的页面必须是`tabBar`中声明的页面;

    5.`tabBar`中定义的字段不能超过5个页面,小程序的页面栈层次也不能超过5层。

    6.navigateBack只能返回到页面栈中的指定页面,一般和navigateTo配合使用。

    7.wx.navigateTo 和 wx.redirectTo 不允许跳转到 tabbar 页面,只能用 wx.switchTab 跳转到 tabbar 页面

    详细介绍:http://blog.csdn.net/qq_26585943/article/details/54584558  

    相关文章

      网友评论

      • ma瑶瑶:作者,我现在刚学习小程序我想知道数据点击进入详情页那种传参,可否帮助我一下
      • 知晓程序:你好!我们是爱范儿旗下专注于小程序生态的公众号知晓程序(微信号 zxcx0101)。我们很赞赏你的文章,希望能获得转载授权。授权后,你的文章将会在知晓程序社区(minapp.com)、爱范儿、AppSo 等渠道发布,我们会注明来源和作者姓名。

        非常感谢~~~
        Johntdk: @知晓程序 可以的 ,知识只有分享才能产生最大价值

      本文标题:微信小程序详解——页面之间的跳转方式【路由】和参数传递

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