小程序页面传值传递对象[Object Object]

需求：通过打印typeof(this.data.tsData)查看tsData的类型为Object，此时需要把tsData的信息传递到另一个页面。

1.先将要传的对象转译一下

使用JSON.stringify将object类型的tsData转译为string类型的china_detail

// id表示tsData里的第几条数据，如id=0,1,2....
var china_detail=JSON.stringify(this.data.tsData[id])

2.将声明的变量拼接在 url上
将string类型的china_detail拼接到url上，传递到detail页面

wx.navigateTo({url: '../detail/detail?id='+id+'&china_detail='+china_detail,})

3.到跳转的页面上去接受转译的对象变量

在detail页面的onload函数中使用JSON.parse将china_detail转译成object类型

data: {china_detail:{}
},
onLoad: function (options) {this.setData({china_detail:JSON.parse(options.china_detail)})console.log(this.data.china_detail)},

打印效果如下，得到了对象

小程序页面传值传递对象[Object Object]相关推荐

微信小程序页面间传递数组对象
在微信小程序中,有时候使用wx.navigateTo()跳转页面时要传递过长的参数或者传递一个数组对象会发现传递不过去情景再现: 发送端接收端输出值我们可以使用以下方法解决: 在发送端对数据进 ...
微信小程序——页面之间传递值
微信小程序--页面之间传递值小程序页面传值的方式: 1.正向传值:上一页面 --> 下一页面 url传值本地储存全局的app对象 2.反向传值:下一页面 --> 上一页面本地储 ...
微信小程序——页面传值
微信小程序--页面传值 1.页面正向传值主要用于从页面A直接跳转到页面B时的传值. 通过url参数传值: //pageA wx.navigateTo({url: '/pages/pageB?page ...
小程序向Java传值,微信小程序页面传值详解
微信小程序页面传值详解一. 跨页面传值. 1 . 用 navigator标签传值或 wx.navigator, 比如这里将good_id=16 参数传入detail页面, 然后detail页面的 ...
多种详细讲解小程序页面传值
开发小程序,总是避免不了页面和页面之间数据共享,实现方法有很多种,今天就详细讲解下小程序页面传值,需要的朋友可以参考下. 1 使用wx.navigateTo()传值这种传值方式有两种, url后面拼 ...
微信小程序页面传值文本解密问题
微信小程序页面传值文本解密问题遇到问题最近在做小程序,遇到这样一个需求: 将百度的Ueditor编辑器存入的文本数据显示在小程序中,需要保留之前的样式,这就用到了 WxParse插件,它能够用解 ...
小程序页面传值、页面与组件通信方式总结
在小程序开发中,页面传值经常会用到,如果有调用组件和插件的话还会涉及到页面与组件的通信传值等,今天我是想来总结下微信小程序页面和组件传值. 一.页面与页面的传值 1.跳转的url带参传值微信小程序页 ...
vue用公共组件页面传值_微信小程序页面传值、组件间通信总结
小程序是一种新的开放能力,开发者可以快速地开发一个小程序.小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验.对于微信小程序,前端开发应该不陌生,目前也是非常火,很多公司都会进行开发.对 ...
小程序页面传值的方式
小程序页面间传值,从A页面跳转到B页面,传递参数的方式 WXML页面实现使用?+参数的方式进行传值,多个参数时使用&进行拼接 <navigator url="/page/na ...

小程序页面传值传递对象[Object Object]

小程序页面传值传递对象[Object Object]相关推荐

最新文章

热门文章