小程序与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中的参数。

相关推荐
小徐_23333 小时前
uni-app 也能远程调试?使用 PageSpy 打开调试的新大门!
前端·微信小程序·uni-app
小小王app小程序开发3 小时前
场馆预约小程序留存率提升指南:技术落地与运营实操全解析
小程序
00后程序员张7 小时前
HTTPS Everywhere 时代的抓包挑战,从加密流量解析到底层数据流捕获的全流程方案
网络协议·http·ios·小程序·https·uni-app·iphone
草字8 小时前
uniapp 悬浮按钮支持可拖拽。可移动。
前端·javascript·uni-app
速易达网络8 小时前
Uniapp + Coze智能在线课程平台应用实现方案
uni-app
Qlittleboy11 小时前
uniAPP开发 image 标签的@error事件不被触发调用怎么办
uni-app
我命由我1234512 小时前
微信小程序 - scroll-view 的一些要点(scroll-view 需要设置滚动方向、scroll-view 需要设置高度)
开发语言·前端·javascript·微信小程序·小程序·前端框架·js
吳所畏惧13 小时前
少走弯路:uniapp里将h5链接打包为apk,并设置顶/底部安全区域自动填充显示,阻止webview默认全屏化
android·安全·uni-app·json·html5·webview·js
weixin_4721835413 小时前
微信小程序使用websocket
websocket·微信小程序·小程序
发财北14 小时前
线上交友APP怎么开发?
小程序