小程序页面跳转方式总结

        //跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面 
        // url 需要跳转的 tabBar 页面的路径(需在 app.json 的 tabBar 字段定义的页面),路径后不能带参数
        wx.switchTab({url:'index/index'})
        <navigator open-type="switchTab"/>
        //关闭所有页面,打开到应用内的某个页面。
        // url 需要跳转的应用内页面路径 , 路径后可以带参数。参数与路径之间使用?分隔,参页面数键与参数值用=相连,不同参数用&分隔;如 'path?key=value&key2=value2',如果跳转的页面路径是 tabBar 页面则不能带参数
        wx.reLaunch({url:'test?id=1'})
        <navigator open-type="reLaunch"/>
        //关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages()) 获取当前的页面栈,决定需要返回几层。
        wx.navigateBack({delte:1})//返回上一个页面
        <navigator open-type="navigateBack">
        //保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面
        wx.navigateTo({url:'test?id=2'})
        <navigator open-type="navigateTo"/>
        // 关闭当前页面,跳转到应用内的某个页面。
        wx.redirectTo(OBJECT)
        <navigator open-type="redirectTo"/>
        注:
        navigateTo, redirectTo 只能打开非 tabBar 页面。
        switchTab 只能打开 tabBar 页面。
        reLaunch 可以打开任意页面。
        页面底部的 tabBar 由页面决定,即只要是定义为 tabBar 的页面,底部都有 tabBar。
        调用页面路由带的参数可以在目标页面的onLoad中获取。 

 

posted @ 2018-02-08 15:29  凉生丿墨染  阅读(783)  评论(0编辑  收藏  举报