微信小程序 navigateTo 传对象参数

今天在做项目的时候遇到 navigateTo 需要传递对象的参数苦苦接收的结果是这个样子的:

解决办法

当微信小程序navigateTo传入参数是个object时，请使用JSON.strtingify将object转化为字符串，代码如下:

  wx.navigateTo({url: '../account/account?items=' + JSON.stringify(options.currentTarget.dataset.item),})

接收的时候使用json.parse将字符串解析成对象，代码如下：

 console.log('在结算页面',JSON.parse(options.items));

就很愉快的接收到了
但是！！！

需要注意的是，不要将参数object先使用变量存起来，然后进行传递，这样写接收的时候无法解析成功object，错误展示代码如下：

//错误示范
let data = JSON.stringify(object);
wx.navigateTo({url: '../sendCheckTea/sendCheckTea?current=' + data
})//这样传入data，接收参数的时候无法解析成功object

在这个地方踩了坑，终于发现是这个原因无法解析成功，所以还是直接在传参的地方直接json.stringify转化，不要使用变量存起来再传

微信小程序 navigateTo 传对象参数相关推荐

uni-app uni-file-picker文件上传实现拍摄从相册选择获取图片上传文档服务器（H5上传-微信小程序上传）
前言最近在使用uni-app写H5移动端,有一个从手机拍摄从相册选择获取图片上传到文档服务器功能. 查阅uni-app发现关于上传图片,uni-file-picker文件上传,uni.chooseI ...
微信小程序上传文件组件
微信小程序上传文件一.说明该拍照组件带有微信授权相机功能,会结合后端接口,将上传的图片以数组集合的形式传值给父级页面. 注意:组件适用于,单独上传图片,不携带参数,结合后端接口返回路径之后,再调用 ...
微信小程序事件传参
微信小程序事件传参 wxml部分 js 部分 wxml部分 1.先绑定事件 2.在该元素上写上属性 data-index 3.参数值即为要传参数 <text catchtap="de ...
微信小程序上传文件到阿里OSS教程
前言 (一)开通OSS服务与新建Bucket 开通OSS服务这里省略,新建bucket. (二)设置Bucket属性,后台配置域名上传文件访问域名这里我们要在小程序后台配置上传域名(上面的域名是我 ...
微信小程序上传Excel文本文件功能
问题: 在开发过程中会发现微信小程序有很多功能都还不能满足我们的需求,谁叫客户就是上帝呢,前几天小编遇到了这么个问题,就是用微信小程序上传文件,但是还以为微信带有这个模块,可是查了许久还是没有找到,只 ...
uniapp App跳转微信小程序并互相传递参数、接收微信小程序传递的参数
本文是uniapp打包成安卓App. 一.注意事项 1.用到了分享功能,在打包App时,需要配置manifest.json:App 模块配置->Share.按照提示填写微信分享的信息,appid ...
微信小程序上传阿里云视频文件流程及代码
为了微信小程序客服端实现自拍视频能够分享给多个好友,我们需要把小程序自拍的视频存储到服务器,而阿里云在性能和速度上比较不错,所以我们选择了阿里云作服务器. 第一步.微信小程序项目创建 1. 到http ...
微信小程序上传组件（可同时长传图片+视频）
写了个微信小程序上传组件,同时支持上传视频+图片,并且可以返显. 废话不多说,上代码: upload.wxml <view class="clearfix"><v ...
微信小程序上传头像和昵称持久化保存
微信小程序上传头像和昵称持久化保存 1. 持久化步骤因为通过微信头像昵称填写功能获取到头像是一个临时头像,这个url只能一段时间内在微信访问,并且无法在公网访问这个url.所以非常有必要把这个url ...

微信小程序 navigateTo 传对象参数

当微信小程序navigateTo传入参数是个object时，请使用JSON.strtingify将object转化为字符串，代码如下:

接收的时候使用json.parse将字符串解析成对象，代码如下：

需要注意的是，不要将参数object先使用变量存起来，然后进行传递，这样写接收的时候无法解析成功object，错误展示代码如下：

在这个地方踩了坑，终于发现是这个原因无法解析成功，所以还是直接在传参的地方直接json.stringify转化，不要使用变量存起来再传

微信小程序 navigateTo 传对象参数相关推荐

最新文章

热门文章