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

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

小程序页面跳转传多个参数,如果在页面用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)

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

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

 
 
原文地址:https://www.cnblogs.com/helena000/p/11499043.html