当前位置: 首页 > news >正文

微信小程序如何传递参数

微信小程序中传递参数的方式有多种,适用于不同场景(如页面间跳转、组件通信、全局共享等)。以下是常用的参数传递方式及示例
一、页面间跳转传递参数(最常用)
通过 wx.navigateTo、wx.redirectTo 等跳转 API 的 url 携带参数,新页面在 onLoad 中接收。

  1. 传递参数(跳转页)
// 页面 A(pages/pageA/pageA.js)
wx.navigateTo({// 在 url 后拼接参数(key=value 形式,多参数用 & 分隔)url: '/pages/pageB/pageB?id=123&name=测试&isTrue=true'
});
  1. 接收参数(目标页
// 页面 B(pages/pageB/pageB.js)
onLoad(options) {// options 中包含跳转时传递的所有参数console.log(options.id); // 123(字符串类型,需自行转换数字)console.log(options.name); // "测试"console.log(options.isTrue); // "true"(注意:布尔值会被转为字符串,需手动处理)// 处理类型转换const id = Number(options.id);const isTrue = options.isTrue === 'true';
}

注意
参数会被转为字符串,复杂类型(如对象、数组)不适合直接传递。
url 长度有限制(约 1024 字节),避免传递过大数据。
二、通过全局变量传递(跨页面共享)
利用 app.js 中的 globalData 存储全局数据,所有页面可访问。
1. 定义全局数据(app.js)
、、、js

// app.js
App({globalData: {userInfo: null<
http://www.dtcms.com/a/548767.html

相关文章:

  • 【数据结构】:数组及特殊矩阵
  • 记录一下微信小程序里使用SSE
  • API 接口安全:用 JWT + Refresh Token 解决 Token 过期与身份伪造问题
  • 云手机搬砖 高效采集资源
  • GitHub Actions CI/CD 自动化部署完全指南
  • Fastlane 结合 开心上架 命令行版本实现跨平台上传发布 iOS App
  • 广东营销网站建设服务公司军事信息化建设网站
  • Go Web 编程快速入门 14 - 性能优化与最佳实践:Go应用性能分析、内存管理、并发编程最佳实践
  • LeetCode每日一题——合并两个有序链表
  • 丽江市建设局官方网站门户网站开发需要多少钱
  • 边缘计算中评估多模态分类任务的延迟
  • 11.9.16.Filter(过滤器)
  • 光储充微电网能量管理系统:构建绿色、高效、安全的能源未来
  • MR30分布式IO在自动上料机的应用
  • 有些网站为什么可以做资讯建站工具交流
  • .NET周刊【10月第2期 2025-10-12】
  • 自动化文献引用和交叉引用高亮显示:Word VBA宏解决方案
  • 大数据离线处理:使用 Airflow 调度 Hive 脚本的工作流设计
  • 深入理解二叉搜索树:从原理到实现
  • Rust 泛型参数的实践与思考
  • AppML 案例:Employees 应用解析
  • 【Qt开发】布局管理器(一)-> QVBoxLayout垂直布局
  • CF练习记录~
  • 自动化测试 | 认识接口自动化封装中的YAML用例
  • dedecms做门户网站石家庄网站建站
  • windows系统下docker desktop创建容器指定ip
  • 微网站建设费用预算旅游网站开发的需求
  • Ionic + Angular 跨端实战:用 Capacitor 实现相机拍照功能并适配移动端
  • Python 爬虫:从基础到实战的完整指南
  • Angular【http服务端交互】