首页 > 编程语言 >解决微信小程序传参字符过长的问题

解决微信小程序传参字符过长的问题

时间:2023-03-25 17:23:45浏览次数:49  
标签:传参 function 过长 微信 testPage eventChannel options wx

1: 使用 wx.navigateTo 进行页面跳转传参

传入:
wx.navigateTo({
  url:'/page/testPage/testPage/',
  success: function (res) {
    res.eventChannel.emit('getParamsData', pageParams)  //触发事件 pageParams 为传递参数
  }
})

 

接收:(接收页面)
onLoad: function(options) {
    const eventChannel = this.getOpenerEventChannel()
    eventChannel.on("getParamsData",data => { 
      console.log(data) 
     })
}

 

2: 使用   encodeURIComponent  decodeURIComponent 对传参进行转码

 

传入:
wx.redirectTo({
   url: `/pages/testPage/testPage?params=${encodeURIComponent(JSON.stringify(testParams))`
})

 

接收:(接收页面)
 onl oad: function (options) { 
  const param = JSON.parse(decodeURIComponent(options.testParams)) 
 }

 

标签:传参,function,过长,微信,testPage,eventChannel,options,wx
From: https://www.cnblogs.com/hspl/p/17255139.html

相关文章

  • 微信小程序常用功能:分享、转发、更新
    目标:分享微信小程序常用的功能,便于快速上手。一、分享小程序某个页面到微信好友或群聊onShareAppMessage(Objectobject)监听用户点击页面内转发按钮(button 组件 open-typ......
  • 微信小程序常用功能:分享、转发、更新
    目标:分享微信小程序常用的功能,便于快速上手。一、分享小程序某个页面到微信好友或群聊onShareAppMessage(Objectobject)监听用户点击页面内转发按钮(button 组件 open-typ......
  • SpringBoot 整合第三方登录(微信、支付宝、QQ、Github)
    SpringBoot是一种轻量级的Java框架,可以简化Web应用程序的开发过程。同时,SpringBoot也提供了很多的扩展功能和插件,可以轻松地集成第三方登录功能,如微信、支付宝、QQ等等。......
  • Axios学习(一)axios中post的body与query传参区别及使用总结
    踩坑描述最近在vue项目开发中遇到了一个axios请求方面的问题,post请求传单个参数的时候,按照post请求方式传参但是接口报错,在swagger上面测试后发现接口是没有问题的。踩坑......
  • Python中实现获取所有微信好友的头像并拼接成一张图片
    场景实现扫码登录微信并获取所有好友的昵称以及头像,并将所有头像拼接成一张图片。实现新建文件夹weixinImage文件夹下新建文件weixinImge.py#-*-coding:utf-8-*-fromw......
  • 企业微信多开-window脚本
    企业微信多开-window脚本(附:工具包)文件内容如下:步骤右键运行.bat文件即可程序执行完成即可点击企微图标,进行多开依次进行上步骤,可进行无限多开脚本下载链接:企业微......
  • JMeter 线程内/跨线程传参
    线程内、跨线程传参beanshell 线程内传参1、正则表达式  想要获取到下图红框中的数据,然后作为参数传给下一个接口。  可以通过正则表达式来匹配到该数据。......
  • 生成中间带个人头像的微信小程序码,小程序码携带参数
    大家好,我是小悟1、场景经常看到微信别人分享邀请的各种海报,海报上有小程序码,特别是小程序码,中间是分享人的头像,并不是默认的平台logo。这样设计在UI视觉上更有特色,再则,用头......
  • 微信小程序实现旋转动画
     还是css3实现的效果:.transfBg{position:absolute;width:480rpx!important;height:480rpx!important;left:50%;top:50%;margin:-240rpx0......
  • c#实现微信小程序定位功能
    下面是示例代码:在app.json中添加如下代码:```{"permission":{"scope.userLocation":{"desc":"需要获取您的地理位置,请确认授权",}}}```在页面js......