微信小程序之页面传值详解-微信小程序页面传值几种方法-小程序页面传值-即速应用

微信小程序之页面传值详解-微信小程序页面传值几种方法-小程序页面传值

浏览量：1762 时间：2020-03-20 来源：米汤就是稀饭

1.记录小程序中常用的几种页面传值方式
一、storagewx.setStorage({key:"key",data:value})
2.通过getStorage回调方式获取data值，或者通过wx.getStorageSync(key)同步获取key对应的data值
二、url传值
3.url传值也是经常都能用到的
1、url传递通过字符串拼接传递key=value形式的参数wx.navigateTo({url:'/pages/index/index?id=1111111111&...',})
4.在跳转后的页面的onLoad生命周期函数中接受一个options参数，可以通过console.log(options.id)获取到url传递的id值
2、url传递对象形式的参数
5.假设需要传递的参数形式为：{key,value,key2:value2}，这时候通过以上方式传递在option中打印出来会是一个object类型，([objectobject]),并不能真实获取参数。因此需要使用JSON.stringify()转化成json字符串再通过以上方式将参数传过去。页面中获取option的值，需要通过JSON.parse()转化成原本的json格式。
三、页面栈传值
6.小程序中wx.navigateBack()方法可以返回上级页面
varpages=getCurrentPages();//获取页面栈varPage=pages[pages.length-1];//当前页varprevPage=pages[pages.length-2];//上一个页面
7.通过prevPage.setData({key:value})可以改变上一个页面的data内容，key为上一个页面data中的值，value为需要传递(改变)的值通过wx.navigateBack({delta:1})返回上级页面
四、获取、改变app.js中data的值
8.app.js中可以保存一个全局的属性，和storage类似globalData是一个全局属性，里面声明的data值可以在所有页面中使用。使用场景，存储用户信息、控制页面刷新
globalData:{userInfo:null}
9.页面中的js需要constapp=getApp()，通过app.globalData.userInfo获取globalData中userInfo的值，直接赋值即可修改：app.globalData.userInfo='haha'
10.转载博客地址：https://www.cnblogs.com/sevenbreey/p/10214345.html