美文网首页
微信小程序 跳转至tabbar页面

微信小程序 跳转至tabbar页面

作者: 花儿的2018 | 来源:发表于2018-04-02 16:37 被阅读0次

    页面要返回/跳转至tabbar的某一页面,可用:

    [javascript] view plain copy

    wx.switchTab({  

    url:'../b/b'  

        });  

    注意switchTab只能跳转到带有tab的页面,不能跳转到不带tab的页面

    跳转不带tab的页面还是用redirectTo或者navigateTo 

    故如果post页面没有加入tab选项卡,依然使用redirectTo或者navigateTo

    [javascript] view plain copy

    wx.navigateTo({  

    url:'../b/b'  

       });  

    wx.redirectTo({  

    url:'../b/b'  

       });  

    微信小程序路由跳转,共有三种形式,页面中使用navigator组件做页面链接形式路由跳转,js中可以使用wx.navigateTo--保留当前页面,跳转到应用内的某个页面,wx.redirectTo--关闭当前页面,跳转到应用内的某个页面 wx.navigateBack()--关闭当前页面,回退前一页面。

    请注意switchTab只能跳转到带有tab的页面,不能跳转到不带tab的页面!跳转不带tab的页面还是需要使用redirect或者navigate!


    <navigator url="../index/index">跳转到新页面</navigator>

    <navigator url="../index/index" open-type="redirect">在当前页打开</navigator>

    <navigator url="../index/index" open-type="switchTab">切换到首页</navigator>

    2,在js页面中:

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

    相关文章

      网友评论

          本文标题:微信小程序 跳转至tabbar页面

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