使用路由传递数据：

跳转时将数据使用 ? 拼接在 URL 后面；在另一个页面的 onLoad() 方法的参数中即可获取到传递的参数。

微信小程序对路由传参的大小有限制。

接收数据的页面获取到的都是字符串。也就是说，即使传递数据的页面传递的参数是布尔值或者数值，到了接收数据的页面获取到的也都是字符串。

如果数据中有 ? 等特殊字符，微信会做截取。
解决方法：利用 encodeURIComponent() 和 decodeURIComponent() 对要传递的数据进行编解码。
// 传递数据的页面
const selectData = encodeURIComponent(this.data.path);
wx.redirectTo({url: `../order/order?path=${path}`
})// 接收数据的页面
onLoad(options){const path = decodeURIComponent(options.path);
}

如果将对象类型的数据拼接在路径后面，到另一个页面获取时会发现是 "[object,object]"，无法使用。
解决方法：利用 JSON.stringify() 和 JSON.parse()。
// 传递数据的页面
const selectData = JSON.stringify(this.data.selectData);
wx.redirectTo({url: `../order/order?selectData=${selectData}`
})// 接收数据的页面
onLoad(options){const selectData = JSON.parse(options.selectData);
}

// 传递数据的页面
wx.navigateTo({url: `../select/select?id=${id}`,
})// 接收数据的页面
onLoad(options){const id = options.id;
}

使用本地存储传递数据：

// 传递数据的页面
wx.setStorageSync('id', 1)// 接收数据的页面
wx.getStorageSync('id')

使用全局变量传递数据：

在 app.js 中将数据存储为全局变量。
在需要使用的页面通过getApp().变量名 获取。

// app.js
App({globalData:{id: 1}
})// index.js
const app =  getApp()
const id = app.globalData.id

微信小程序页面之间传递数据相关推荐

微信小程序——页面之间传递值
微信小程序--页面之间传递值小程序页面传值的方式: 1.正向传值:上一页面 --> 下一页面 url传值本地储存全局的app对象 2.反向传值:下一页面 --> 上一页面本地储 ...
微信小程序页面间传递数组对象
在微信小程序中,有时候使用wx.navigateTo()跳转页面时要传递过长的参数或者传递一个数组对象会发现传递不过去情景再现: 发送端接收端输出值我们可以使用以下方法解决: 在发送端对数据进 ...
微信小程序页面之间数据传递
微信小程序跳转界面传递数据,要传递的数据拼接在url 后面实现下面看一个简单的demo 传递数据要传递界面 wxml  <view class= ...
微信小程序页面间传递文本数据
写了一个微信小程序可以实现记录日记的功能.当点击编辑时,会再另一个页面中显示这个页面的日记数据,发现通过传递参数的方法很不现实,就在网上搜集了各种方法来实现,其中一个比较可取的方法是利用getCurr ...
微信小程序页面间的数据传递和数据共享
方法一:利用url 如下代码所示,首先在.wxml文件中找到更多按钮并绑定相应方法,接着通过data-name指定所传参数的名字,如图所传参数名为:category. <view class=& ...
微信小程序|页面动态更新数据
欢迎点击「算法与编程之美」↑关注我们! 本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章. 欢迎加入团队圈子!与作者面对面!直接点击! 问题描述每一个小 ...
微信小程序页面间传递json数据
1.页面跳转函数 wx.navigateTo(Object object) 保留当前页面,跳转到应用内的某个页面.但是不能跳到 tabbar 页面.使用 wx.navigateBack 可以返回到原页 ...
微信小程序页面之间三种传值方式
第一种:url传值 A页面部分js代码 Page({jumpPage(e) {var zhi = 'biubiubiu~~';wx.navigateTo({url: '/pages/detail/de ...
微信小程序页面之间传参，发表说说
getCurrentPages() 函数用于获取当前页面栈的实例,以数组的形式按栈的顺序输出.第一个元素为首页,最后一个元素为当前页. 1.页面结构 2.页面a.wxml <view wx:fo ...

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

使用路由传递数据：

使用本地存储传递数据：

使用全局变量传递数据：

微信小程序页面之间传递数据相关推荐

最新文章

热门文章