微信小程序如何进行跨页面传参,并在跳转后的页面获取参数

简介: 微信小程序如何进行跨页面传参,并在跳转后的页面获取参数

跨页面传参:

在跳转到目标页面时,可以在`navigateTo`、`redirectTo`、`switchTab`和`reLaunch`等跳转方法的url中携带参数,例如:

wx.navigateTo({
  url: 'targetPage?param1=value1&param2=value2'
})

  或者使用`encodeURIComponent`对参数进行编码以避免特殊字符造成的问题:

 

wx.navigateTo({
  url: 'targetPage?param=' + encodeURIComponent(JSON.stringify(param))
})

获取参数:

在目标页面的`onLoad`生命周期函数中可以通过`options`参数获取传递的参数,例如:

Page({
  onLoad: function (options) {
    console.log(options.param1) // 输出 value1
    console.log(options.param2) // 输出 value2
  }
})

  如果参数较复杂,也可以先将其转换为字符串再传递,在目标页面通过`JSON.parse`解析:

 

Page({
  onLoad: function (options) {
    var param = JSON.parse(decodeURIComponent(options.param))
    console.log(param)
  }
})

通过以上方法,你就可以实现在微信小程序中进行跨页面传参并在跳转后页面获取传递参数了。


目录
相关文章
|
2月前
|
小程序
微信小程序多种跳转页面方式
微信小程序多种跳转页面方式
|
3月前
|
小程序 API 数据库
【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
66 0
|
4月前
|
存储 缓存 小程序
微信小程序怎么进行页面传参
微信小程序怎么进行页面传参
110 3
|
24天前
|
小程序 开发工具
app跳转微信小程序,使用明文scheme拉起
app跳转微信小程序,使用明文scheme拉起
57 4
|
2月前
|
前端开发 JavaScript API
微信公众号项目,实现微信支付(具体流程和参数)
微信公众号项目,实现微信支付(具体流程和参数)
|
3月前
|
API
支付系统----微信支付24--APlv3介绍,首先我们要引入支付参数,包含商户号,APPID、API秘钥,数字证书,用代码加载到应用程序当中,之后加载商户私钥,商户需要用私钥进行验签,微信平台接收商
支付系统----微信支付24--APlv3介绍,首先我们要引入支付参数,包含商户号,APPID、API秘钥,数字证书,用代码加载到应用程序当中,之后加载商户私钥,商户需要用私钥进行验签,微信平台接收商
|
3月前
|
小程序 数据库 C++
【微信小程序-原生开发】实用教程16 - 查看详情(含页面跳转的传参方法--简单传参 vs 复杂传参)
【微信小程序-原生开发】实用教程16 - 查看详情(含页面跳转的传参方法--简单传参 vs 复杂传参)
38 0
|
3月前
|
移动开发 小程序 前端开发
php + h5使用 scheme页面跳转微信小程序-其他浏览器一键跳转到微信并打开小程序
php + h5使用 scheme页面跳转微信小程序-其他浏览器一键跳转到微信并打开小程序
67 0
|
2月前
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
62 0
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
|
2月前
|
小程序 前端开发 JavaScript
【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序
【避坑宝】是一款企业黑红名单吐槽小程序,旨在帮助打工人群体辨别企业优劣。该平台采用SpringBoot+MybatisPlus+uniapp+uview2等技术栈构建,具备丰富的注释与简洁的代码结构,非常适合实战练习与学习。通过小程序搜索“避坑宝”即可体验。
61 0
【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序

热门文章

最新文章

下一篇
无影云桌面