微信小程序分享参数的三种模式

　　小程序参数在小程序开发中的作用是很大的，但是不少朋友对于微信小程序分享参数不太了解，今天小编会为大家讲解一下微信小程序分享参数的几种模式，希望能够帮助到大家。

　　先告诉你，微信小程序分享参数本质上都是string类型传递。但是对于对象和数组集合的传递需要小小的处理一下传递时的数据和接收后的数据。

　　1，传递基本数据类型

　　index.js 发送页JS

　　[javascript] view plain copy print?

　　Page({

　　data: {

　　testStr: '小程序字符串str'

　　},

　　onLoad: function () {

　　},

　　next: function(e){

　　wx.navigateTo({

　　url: '/pages/test/test?str='+this.data.testStr,

　　})

　　}

　　})

　　test.js 接受页JS

　　[javascript] view plain copy print?

　　Page({

　　data:{

　　},

　　onLoad:function(options){

　　console.log("接收到的参数是str="+options.str);

　　}

　　})

　　打印的Log如下：

　　接收到的参数是str=字符串str

　　2，小程序传递对象

　　index.js 发送页JS

　　[javascript] view plain copy print?

　　Page({

　　data: {

　　testData:{name:'我是name', extra:'我是extra'}

　　},

　　onLoad: function () {

　　},

　　next: function(e){

　　wx.navigateTo({

　　url: '/pages/test/test?extra='+JSON.stringify(this.data.testData)

　　})

　　}

　　})

　　test.js 接受页JS

　　[javascript] view plain copy print?

　　Page({

　　data:{

　　testData:null

　　}, onLoad:function(options){

　　[javascript] view plain copy print?

　　console.log("接收到的参数是obj="+options.extra);//此处打印出来的仅仅是字符串 需要解析，解析如下

　　this.dat.testData = JSON.parse(options.extra);//解析得到对象

　　}})

　　打印的Log如下：

　　test.js [sm]:16 接收到的参数是obj={"name":"我是name","extra":"我是extra"}

　　3，传递数组集合

　　index.js 发送页JS

　　[javascript] view plain copy print?

　　Page({

　　data: {

　　list:['item-A','item-B']

　　},

　　onLoad: function () {

　　},

　　next: function(e){

　　wx.navigateTo({

　　url: '/pages/test/test?list='+JSON.stringify(this.data.list),

　　})

　　}

　　})

　　test.js 接受页JS

　　[javascript] view plain copyprint?

　　Page({

　　data:{

　　list:[]

　　},

　　onLoad:function(options){

　　console.log("接收到的参数是list="+options.list);//此处打印出来的是字符串，解析如下

　　this.data.list = JSON.parse(options.list);//解析得到集合

　　}})

　　打印的Log如下：

　　test.js [sm]:17 接收到的参数是list=["item-A","item-B"]

　　另外，还可以通过缓存(wx.setStorage(OBJECT)，wx.setStorageSync(KEY,DATA))来实现小程序分享参数和传递小程序数据，只是保存后需要清除，防止缓存过大的情况.

　　微信小程序分享参数到底是什么大家都知道了吗?小编在上文中介绍了三种分享参数的模式，想必大家看完之后应该都对小程序分享参数有所了解了，想要获取更多相关资料请关注微信小程序商店。

　　小程序参数二维码生成怎么弄

　　微信小程序列表点击 小程序列表点击带参数跳转

　　小程序传递多个参数怎么处理