微信小程序中传值方式的集合

1、直接在跳转连接后面拼接参数,这种方式传递的值对于string、number等基本数据类型比较友好

下面是例子

// 传值
 wx.navigateTo({      
    url: '../login/login?test="this is test"',    //要跳转到的页面路径
 })  
//login.js里面接收
  onLoad: function (options) {
    console.log(options.test)//this is test
  },

2、使用小程序中的Storage,由于storage是小程序中的缓存,所以在所有的界面都可以获取到。下面是例子

 // 传值
 wx.setStorageSync('test', "this is test")
 // 接收
 wx.getStorage({
   key: 'test',
   success (res) {
     console.log(res.data)//this is test
   }
 })

3、使用微信小程序中的app.globalData,这个方式可以全局使用,如果使用较多的话很是方便,传递是对象,也可以直接使用,比较友好。具体例子如下:

// 赋值时:
 app.globalData.object= {}
// 使用时,只要赋值前期赋值成功,在哪儿都可以使用
 var thatObject = app.globalData.object;

 

注意:有的时候,需要传object类型,这个时候需要先转换成string类型再进行传递,同时,接收之后需要再转换成实体才可以正常使用,具体转换方式如下:

 // 将对象转为string----传值时(上面的前两种都可以)
 var thisString= JSON.stringify(object)

 //将string转换成对象----接收时(上面的前两种都可以)
 var thisObject= JSON.parse(options.thisString)

 

你可能感兴趣的:(小程序,JavaScript,小程序)