微信小程序Url传参

微信小程序的跳转分五种

1.wx.navigateTo:保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面，小程序中页面栈最多十层。（可带参）

2.wx.redirectTo:关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。（可带参）

3.switchTab:跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面（不可带参）

4.wx.navigateBack:关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages 获取当前的页面栈，决定需要返回几层。（没有url属性，不可带参）

5.wx.reLaunch：关闭所有页面，打开到应用内的某个页面（可带参）

        1.wx.navigateTo

        (1).在pageA页面有一个固定的值要传递到pageB页面，比如说一个固定的值id要传递给B

pageA页面

   wx.navigateTo({

      url: "/pages/pageA/pageA?id=77" 

    });

pageB页面      

        data:{id:0}

        onload(options){

                this.setData({   id:options.id  })

                console.log(this.data.id)  // 77

        }

         (2).在pageA页面有多个固定的值要传递到pageB页面，比如说一个固定的值id要传递给B

pageA页面

        wx.navigateTo({

              url: "/pages/pageA/pageA?id=77&age=20" 

       });

pageB页面

          data:{id:0,age:0},

          onload(options){

                 this.setData({   id:options.id, age:options.sex  })

                console.log(this.data.id,this.data.sex)  // 77,20

        }

还有一种就是多个参数用 'xx?xx=' + 11 + '&xxx=' + 22 的方式传参

pageA页面

        data:{age:20}

         wx.navigateTo({

              url: "/pages/pageD/pageD?id=" + 77 + ‘&sex=’ + '男' + '&age=' + this.data.age

        });

pageB页面
         data:{ id:0, sex:'', age:0}

         onload(options){

                this.setData({   id:options.id ,  sex:options.sex ,  age:options.age   })

                console.log( this.data.id, this.data.sex, this.data.age)  // 77  男  20

         }