微信小程序之----页面之间相互传递数据

一、使用全局变量globalData

最外层的app.js中定义全局变量

globalData: {
     js_code:null
 }

可以在page1的登陆函数中设置值

wx.login({
     success: function (res) {
         if (res.code) {
           app.globalData.js_code = res.code
         }
     }
 })

page2中打印

console.log(app.globalData.js_code)

二、通过navigateTo,reLaunch在跳转地址后面加后缀

准备跳转页

// 点击跳转
 openDetail: function(e) {
   var that = this;
   wx.navigateTo({
     url: '../detail/detail?who=f0&s=2',
   });
 },

目标页面通过options这个函数来接

onLoad: function (options) {
    var who = options.who;
    var s = options.s;
}

三、使用本地缓存wx.setStorage(或wx.setStorageSync)

准备储存页面

var writeInfo = {
  xing:'林',
  sex: '男',
  birthday: '2018.09.13',
  type:1
};
wx.setStorage({
  key: "writeInfo",
  data: writeInfo
});

目标页面用wx.getStorage从本地缓存中异步获取指定key的内容(或者wx.getStorageSync同步获取)

wx.getStorage({
   key: 'writeInfo',
   success: function (res) {
     console.log(res.data)
   },
   fail: function (res) {
     console.log(res.data)
   }
 })

删除的话用wx.removeStorage(删除某个)、wx.clearStorage(清除所有)
具体可查看微信官方文档

猜你喜欢

转载自blog.csdn.net/longgeaisisi/article/details/82695075