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

妖狐艹你老母 2022-05-12 03:10 197阅读 0赞

## 一、使用全局变量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（清除所有）  
[具体可查看微信官方文档][Link 1]

[Link 1]: https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.getStorage.html

发表评论取消回复

表情：

评论列表（有 0 条评论，197人围观）

还没有评论，来说两句吧...

相关阅读

相关【微信小程序】页面之间对象的传递

1. 从当前页面传到下一页面 wx.navigateTo({ url: `../label/label?labelList=${JSON.string

绝地灬酷狼/ 2023年09月30日 21:18/ 0 赞/ 9 阅读

相关微信小程序从子页面退回父页面时的数据传递

相应的js方法里面 //根据选中的id，把它的name找出来 //本页面的参数 let tempObj = this.data.r

朱雀/ 2023年06月18日 08:53/ 0 赞/ 108 阅读

相关页面数据传递(微信小程序、uni-app)

页面的数据传递首先我们必须知道页面如何跳转，在wx小程序上页面的跳转可以通过 wx.navigateTo例如： wx.navigateTo({

骑猪看日落/ 2022年12月21日 06:22/ 0 赞/ 138 阅读

相关微信小程序跳转的数据传递

跳转的数据传递以wx.navigateTo为例：上面讲述,wx.navigateTo传入的url是跳转的页面（使用相对路径） wx.navigateT

Myth丶恋晨/ 2022年06月05日 01:19/ 0 赞/ 222 阅读

相关微信小程序实战篇：小程序之页面数据传递

IT实战联盟博客：[http://blog.100boot.cn ][http_blog.100boot.cn] ![小程序.jpg][.jpg] 我们在写小程序的时候经

痛定思痛。/ 2022年05月27日 06:40/ 0 赞/ 371 阅读

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

一、使用全局变量globalData 最外层的app.js中定义全局变量 globalData: { js_code:null } 可以在page1的登陆函数

妖狐艹你老母/ 2022年05月12日 03:10/ 0 赞/ 198 阅读

相关微信小程序页面间参数传递获取

两种方式： 1. `<navigator>跳转页面</navigator>` test.wxml：

约定不等于承诺〃/ 2022年04月24日 07:14/ 0 赞/ 271 阅读

相关微信小程序从子页面退回父页面时的数据传递

> 小编推荐：[Fundebug][]专注于JavaScript、微信小程序、微信小游戏，Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务，众多大佬公

约定不等于承诺〃/ 2022年04月02日 04:26/ 0 赞/ 163 阅读

相关微信小程序、微信公众号、H5之间能相互跳转

转载自:[https://www.imooc.com/article/22900][https_www.imooc.com_article_22900] 一、小程序和公众号

一时失言乱红尘/ 2021年10月01日 05:22/ 0 赞/ 375 阅读

相关微信小程序传递值、传递参数

界面代码 .wxml 界面代码 <view class='content'> <block wx:for="{ {a

古城微笑少年丶/ 2021年09月23日 07:54/ 0 赞/ 449 阅读