微信小程序页面跳转传多个参数

小程序页面跳转传多个参数的方式：

小程序页面跳转传多个参数，如果在页面用navigator跳转，只支持'?param1&param2&param3...'，不支持类似ob j = {key1:value1,key2:value2...}这种参数。

当参数很少的时候，用navigator的那种传递参数就很方便，但如果参数特别多的时候，这样一个一个就显得很麻烦 。这个时候，通过时间触发路由跳转就可以解决我们的问题。

用事件传参：

<view bindtap="sendParams">事件传递多个参数</view>

传递多个参数的时候和传递一个参数差不多，唯一的不同点是多个参数的时候要对所传的参数序列化，

?obj=JSON.stringify(res.data.data)

那么事件中应该这么写：

sendParams(){
  wx.navigateTo({
    url:'/pages/index/index?obj='+JSON.stringify({a:1,b:2,c:3})
  })
}

 

在另外一个页面（'/pages/index/index'页面）获取的时候，在onLoad生命周期的 options 参数获取，例如用 obj 携带的 json 参数，那么获取的方法就是

let params = JSON.parse(options.obj)

 这样就可以一次性进行多个参数的传递和获取了。

希望本篇文章对你有所帮助！