小程序与uniapp如何进行传参

小程序和uniapp都可以通过以下方式进行传参:

  1. query参数传递:在url中添加query参数,如在小程序中通过wx.navigateTo或wx.redirectTo跳转页面时可传递query参数,在uniapp中通过uni.navigateTo或uni.redirectTo跳转页面时也可以传递query参数。接收query参数的方式为在onLoad或onShow函数中获取options参数,此参数就是传递过来的query参数。

  2. event参数传递:在小程序中,通过triggerEvent触发自定义事件时可以传递参数。在uniapp中,通过$emit触发自定义事件也可以传递参数。接收event参数的方式为在对应的函数中获取event参数。

  3. 全局变量传递:在小程序和uniapp中,可以通过设置全局变量来传递参数。在小程序中,可以通过getApp()获取全局变量,在uniapp中可以通过Vue.prototype访问全局变量。

  4. Storage传递:在小程序和uniapp中,可以通过wx.setStorageSync或uni.setStorageSync设置Storage,在其他页面中通过wx.getStorageSync或uni.getStorageSync获取Storage中的值来传递参数。

  5. URL传递:小程序可以通过直接在url中添加参数来传递参数,例如:wx.navigateTo({ url: '/pages/test/test?id=1' });uniapp可以通过uni.navigateTo({ url: '/pages/test/test?id=1' });来传递参数。接收url中的参数需要在相应页面的onLoad函数中解析url中的参数。

相关推荐
m0_5873830011 小时前
24小时自助健身房软硬件解决方案实战指南:从架构设计到部署实施
java·spring·小程序·架构·需求分析
qq_3168377511 小时前
阿里云百炼 fun-asr-realtime uniapp vue3 调用
javascript·vue.js·uni-app
m0_5873830015 小时前
24小时自助健身房软硬件解决方案实战:从架构设计到部署指南
java·spring·小程序·架构·需求分析
CRMEB系统商城16 小时前
前后端技术栈全面换代!CRMEB 多商户(Java)v3.0更新预告
java·开发语言·小程序·php
特创数字科技17 小时前
uniapp 图片全能处理|全平台支持(鸿蒙、安卓、苹果、web),实现九宫格、水印、滤镜、压缩、拼图
uni-app
2501_9160074718 小时前
苹果应用商店App Store上架费用标准及原因解析
android·ios·小程序·https·uni-app·iphone·webview
00后程序员张1 天前
苹果App Store上架指南:费用、原理与步骤详解
android·ios·小程序·https·uni-app·iphone·webview
特创数字科技2 天前
【uni-app x】告别系统相机限制!三端通用自定义相机组件:任意布局、静默拍照、录像、水印叠加、连拍回图一次搞定
前端·数码相机·uni-app
Martin -Tang2 天前
uniapp app嵌套webview 弹窗方式
android·ios·uni-app
paopaokaka_luck2 天前
个人综合管理小程序(echarts数据看板、健康数据记录与趋势查看、目标拆解和进度管理、日程待办与番茄钟、习惯打卡、收支统计、个人生活记录、跨模块智能提醒)
前端·javascript·spring·小程序·数据分析·echarts·生活