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

相关推荐
Mr_汪24 分钟前
uniapp使用har包
uni-app
少恭写代码32 分钟前
duxapp中主题系统是如何实现动态切换的
react native·小程序·移动开发·taro·duxapp
说私域13 小时前
基于开源AI智能客服、AI智能名片与S2B2C商城小程序的餐饮行业私域流量运营策略研究
人工智能·小程序·流量运营
Nan_Shu_61413 小时前
学习:入门uniapp Vue3组合式API版本(17)
前端·vue.js·学习·uni-app
2501_9159090617 小时前
Charles中文版使用教程 高效抓包与API调试常见问题处理
android·ios·小程序·https·uni-app·iphone·webview
jingling55520 小时前
UniApp 实现顶部固定导航栏 Tab 及滚动变色效果
前端·javascript·前端框架·uni-app
The_era_achievs_hero21 小时前
UniappDay06
开发语言·javascript·uni-app
00后程序员张1 天前
iOS软件性能监控实战指南 开发到上线的完整流程解析
android·ios·小程序·https·uni-app·iphone·webview
weixin_lynhgworld1 天前
剧本杀小程序系统开发:构建数字化剧本杀生态圈
大数据·小程序·剧本杀
icebreaker1 天前
weapp-tailwindcss 已支持 uni-app x 多端构建
前端·javascript·uni-app