【微信小程序】页面间参数传递——本地缓存wx.setStorage() 及 wx.getStorage()

本文介绍了微信小程序中页面间参数传递的多种方法,重点讲解了利用本地缓存wx.setStorage()和wx.getStorage()进行数据传递的实践。通过设置全局变量、页面栈管理和本地缓存,尤其是本地缓存的使用,实现不同页面间的值传递,例如在‘专注时钟’小程序中控制震动开关的状态。
摘要由CSDN通过智能技术生成

微信小程序页面间传值有很多种方法,目前对于初学者所了解的方法大概有以下几种:

  • 页面跳转,依靠跳转的url带参传值

第一种,就是带参传值,比如说你在A页面,需要跳转到B页面并向B页面传递信息

首先我们直接采用<navigator></navigator>组件,这个组件的属性可以自己了解一下,open-type为跳转方式,默认为navigator,当然有redirect,switchTab,reLaunch,navigitorBack,exit(退出小程序,target="miniProgram"时生效),相当于页面导航的那几个API。建议详细阅读微信开放文档,很快就能掌握!

  • 将值设置为全局变量

在需要的页面获取,这种的话就不是很建议使用,因为很多需要传递的值是你需要从后台拿数据的。

  • 页面栈

以栈的形式维护页面与页面之间的关系,遵循栈的原则,先进后出,在微信小程序中有getCurrentPages()函数获取页面栈。

  • 数据本地缓存

这也是本篇着重讲解部分!类似于cookie,localstorage,sessionstorage等本地缓存的方法,只不过微信小程序有它自己的本地缓存API。举例:这里在设置页面的 震动开关 状态,在主页控制是否震动,二者不存在跳转关系,这里就适合使用本地缓存;

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值