微信小程序常用路由跳转方法

1.声明式跳转（标签控制跳转）

        navigator 标签

        属性：

                url：要跳转的路径（可以使用相对路径，也可以使用绝对路径）

                open-type：跳转方式。默认值为 navigat ，不能跳转至tabBar页面。

                                    当值为  switchTab  时，可跳转至tabBat页面。

                                    当值为  navigateBack  时，点击可返回原页面。

                                    注：小程序跳转时严格区分tabBar页面与非tabBar页面。

                代码演示：跳转

2.编程式跳转（js控制跳转）

        wx.reLaunch 方法：关闭所有页面，打开到应用内的某个页面。

        参数：

                url：要跳转的路径。

        代码演示：wx.reLaunch({

                                url:" ",

                          })

        

        wx.redirectTo 方法：关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar                                          页面。

        参数：

                url：要跳转的路径。

        代码演示：wx.redirectTo({

                                url:" ",

                          })

3.跳转传参

        传参：

                在路径后面写上?后面写上要传的参数。传递多个之间使用&隔开

                代码演示：
                       

page({
        
    data:{
        name:"张三",
        sex:"男",
        age:22,
    },
    skip(){
        wx.redirectTo({
            url:"../index/index?name="+this.data.name"&sex="+this.data.sex"&age="+this.data.age
        })
    },
    
})

        接收：

                在跳转后页面的js文件的 onLoad 中接收。

                代码演示：

page({

    onLoad(options) {
        console.log(options);
        // options 就是传递过来的值
    },    

})