2025年3月24日 星期一 甲辰(龙)年 月廿三 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 编程开发 > 小程序

微信小程序——页面间如何数据传递、传值

时间:07-15来源:作者:点击数:26
CDSY,CDSY.XYZ

在小程序里面页面传值的方式有很多:用缓存存取、设置全局变量存取、页面带参传值等。

这里写出一个我比较推荐的方法:页面带参传值,不仅可以传字符串,还可以传对象

就拿wx.navigateTo这个Api举例子吧

a页面中:

  • //a页面
  • toBpage(){
  • let user = 'YulRW';
  • let password = '123456'
  • wx.navigateTo({
  • url: `page/b/b?user=${user}&password=${password}`
  • })
  • }

b中:

  • //b页面
  • onLoad: function(options) {
  • console.log(options); //{user:'YulRW',password:'123456'}
  • },

这种是在url?后面加要传递的变量,多个变量中间用&分隔

但是,这种写法并不方便,如果参数多了写起来就很麻烦,而且不能传JSON格式的对象,所以有以下推荐写法:

a页面:

  • toBpage(){
  • let data = {
  • user:'YulRW',
  • password:'123456',
  • date:'2020.1.1',
  • other:'xxxxxx'
  • }
  • data = JSON.stringify(data); //把JOSN转化为字符串形式
  • wx.navigateTo({
  • url: `page/b/b?data=${data}`
  • })
  • }

b页面:

  • //b页面
  • onLoad: function(options) {
  • console.log(JSON.parse(options)); //data:{user:'YulRW',password:'123456',date:'2020.1.1',other:'xxxxxx'}
  • },

注意一定要JSON.stringify转换为字符串,不然获取到的就是[object Object],拿不到数据的

而在b页面也要JSON.parse转换回来,不然只是字符串,点不出对象成员

CDSY,CDSY.XYZ
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门
本栏推荐