微信小程序页面之间的传值

简介: 微信小程序还是基于html和js来做,因此页面之间的传值,和网页中的url之间的跳转很相似,将参数拼接在url中(请注意如果数据量大的话,通过url拼接参数会传递不完整,可以采用全局变量来做,或者使用微信小程序的本地存储功能)举个例子:从页面1跳转到页面2页面1 wx.

微信小程序还是基于html和js来做,因此页面之间的传值,和网页中的url之间的跳转很相似,将参数拼接在url中(请注意如果数据量大的话,通过url拼接参数会传递不完整,可以采用全局变量来做,或者使用微信小程序的本地存储功能)

举个例子:从页面1跳转到页面2

页面1

 wx.navigateTo({url: '../scanResult/scanResult?ppid=' + ppid + '&result=' + scanUrl,})

页面2

/**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var that = this//不要漏了这句,很重要
    var ppid = options.ppid  //接收刚才传过来的值
    var result = options.result //接收刚才传过来的值
    that.setData({
      ppid: ppid,
      scanResult: result
    })
}

 

目录
相关文章
|
1天前
|
小程序
微信小程序—页面滑动,获取可视区域数据
微信小程序—页面滑动,获取可视区域数据
5 2
|
27天前
|
存储 缓存 小程序
微信小程序怎么进行页面传参
微信小程序怎么进行页面传参
36 3
|
2月前
|
JSON 小程序 JavaScript
微信小程序页面传参(多条数据的传递)
本文介绍了微信小程序中页面间参数传递的方法。1) 单个数据传递:通过`wx.navigateTo`将ID拼接在URL中传递,接收页面在`onLoad`中获取。2) 多个参数传递:将数据转换为JSON字符串,然后通过URL参数传递,接收页面同样在`onLoad`中解析JSON恢复数据。3) 提到了JSON作为数据交换格式的基础知识。全文鼓励读者尝试并点赞。
31 1
|
2月前
|
XML 小程序 JavaScript
小程序页面传值
本文介绍了微信小程序中父子页面的传值方法。父页面向子页面传值可通过绑定事件跳转,使用`data-`属性传递参数,然后在子页面的`onLoad`中接收。子页面向父页面传值则通过用户选择内容后调用父页面的方法,利用`getCurrentPages()`获取父页面实例,进而修改父页面的数据。
27 2
|
2月前
|
小程序 JavaScript 数据库
小程序登录页面
该文介绍了使用小程序云开发实现登录和注册的步骤,包括界面设计和后端逻辑。界面使用了`wxss`和`wxml`编写,样式精致,包含手机号和密码输入、登录按钮、注册和忘记密码选项。在`js`中,重点处理了用户输入的账号和密码,通过云数据库查询验证用户是否存在,使用标志位`flag`判断,若账号或密码错误,显示相应提示。文章总结了利用for循环比对数据库账号的难点,并表达了作者的学习心得。
33 1
|
2月前
|
小程序
小程序和页面生命周期详解
小程序和页面生命周期详解
25 0
|
2月前
|
小程序
uniapp 实现当前页面分享至微信好友或朋友圈功能(带参数和无参数)
uniapp 实现当前页面分享至微信好友或朋友圈功能(带参数和无参数)
143 0
|
2月前
|
移动开发 小程序
如何让uni-app开发的H5页面顶部原生标题和小程序的顶部标题不一致?
如何让uni-app开发的H5页面顶部原生标题和小程序的顶部标题不一致?
|
2月前
|
存储 缓存 小程序
微信小程序页面传值的几种方式
微信小程序页面传值的几种方式
|
2月前
|
小程序
小程序页面路由传参的方法?
小程序页面路由传参的方法?
31 0