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

小程序页面传参?

小程序页面之间传递参数通常可以通过以下几种方式实现:

  1. 通过 URL 参数传递:可以在跳转目标页面时,在 URL 中添加参数,目标页面可以通过 options 参数获取传递过来的数据。

    // 页面 A
    wx.navigateTo({url: 'targetPage?param1=value1&param2=value2'
    });// 页面 B
    Page({onLoad: function (options) {console.log(options.param1); // 输出 value1console.log(options.param2); // 输出 value2}
    });
    

    2、通过全局变量传递:可以在小程序的全局变量中设置参数,在目标页面中直接读取全局变量的值。

    // 在 app.js 中设置全局变量
    App({globalData: {param1: 'value1',param2: 'value2'}
    });// 页面 B
    Page({onLoad: function () {console.log(getApp().globalData.param1); // 输出 value1console.log(getApp().globalData.param2); // 输出 value2}
    });
    

    3.通过缓存传递:可以使用小程序的缓存 API,在页面 A 中将参数存储到缓存中,在页面 B 中读取缓存中的数据。

    // 页面 A
    wx.setStorageSync('param1', 'value1');
    wx.setStorageSync('param2', 'value2');// 页面 B
    Page({onLoad: function () {console.log(wx.getStorageSync('param1')); // 输出 value1console.log(wx.getStorageSync('param2')); // 输出 value2}
    });
    

    这些方法可以根据你的具体需求选择合适的方式来传递参数

http://www.lryc.cn/news/329303.html

相关文章:

  • C++list的模拟实现
  • Leetcode 187. 重复的DNA序列
  • 都江堰泛计算操作系统(多机)应用方向
  • 【第十二届“泰迪杯”数据挖掘挑战赛】【2024泰迪杯】B题基于多模态特征融合的图像文本检索—解题全流程(论文更新)
  • 蓝桥杯22年第十三届省赛-统计子矩阵|一维前缀和加双指针
  • SaaS 电商设计 (十) 记一次 5000kw 商品数据ES迁移 (详细的集群搭建以及线上灰度过程设计)
  • linux安装Tomcat
  • 【机器学习300问】57、机器是如何读得懂文本数据的呢?
  • 了解XSS和CSRF攻击与防御
  • NEO 学习之 MLE(最大似然估计)
  • going和Java对比有什么不同
  • RabbitMQ面经 手打浓缩版
  • JavaScript引用数据类型
  • Mac m1 Flink的HelloWorld
  • 3.1 Python变量的定义和使用
  • OceanBase中左外连接和反连接的经验分享
  • 如何提升公众号搜索量?分享内部运营的5步优化技术!
  • 【2024】根据系统平均负载情况排查隐患
  • 分类任务中的评估指标:Accuracy、Precision、Recall、F1
  • android 音视频基础知识--个人笔记
  • 信息工程大学第五届超越杯程序设计竞赛(同步赛)题解
  • Python:文件读写
  • 10.windows ubuntu 组装软件:spades,megahit
  • K8S之Secret的介绍和使用
  • git下载安装教程
  • 《剑指 Offer》专项突破版 - 面试题 98、99 和 100 : 和动态规划相关的矩阵路径问题(C++ 实现)
  • KY145 EXCEL排序(用Java实现)
  • 属性选择器
  • 软考 - 系统架构设计师 - 关系模型的完整性规则
  • 写了几个难一点的sql