微信小程序页面传值为对象[Object Object]详解

9月前作者：前端~初学者分类：Toy博客阅读(49) 违法举报

这篇具有很好参考价值的文章主要介绍了微信小程序页面传值为对象[Object Object]详解。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

1、先将传递的对象转化为JSON字符串拼接到url上

 // info为对象
let stationInfo = JSON.stringify(info)
uni.navigateTo({
   url: `/pages/station-detail/station-detail?stationInfo=${stationInfo}`
 })

2、在接受对象页面进行转译

onLoad(options) {
	let stationData = JSON.parse(options.stationInfo)
	console.log(stationData);
},

3、打印结果

小程序页面传值对象,微信小程序,微信小程序,小程序文章来源地址https://www.toymoban.com/news/detail-671128.html

到了这里，关于微信小程序页面传值为对象[Object Object]详解的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

uniapp 父组件给子组件传值为Object类型报错 Bad attr `xxx` with message 问题解决

报错图片问题可能是 uniapp 转换为微信小程序的bug 报错的写法传参采用 other_class.data || {} 写法传值给子组件会报错解决

2024年02月12日
浏览(38)
微信小程序：父子组件传值

在微信小程序里，父组件可以向子组件传值，子组件也可以向父组件传值，不过这两种传值方式不大相同，下面先简单介绍这两种传值的区别。两者的区别父组件向子组件传值，使用的是属性绑定的方法，并且只能传递普通类型的数据子组件向父组件传值，使用的是

2024年02月07日
浏览(62)
【微信小程序】父子组件之间传值

1. 父组件向子组件传值 2. 子组件向父组件传值父向子传值使用的是属性绑定，子组件中的 properties 对象进行接收父组件传递过来的值。子向父传值使用的是自定义事件，父组件通过自定义事件中的事件对象e 来接收子组件传递过来的值。 1.1 在父组件的.json文件中导入子

2024年02月16日
浏览(48)
微信小程序自定义组件boundingClientRect获取到的rect值为null

const query = wx.createSelectorQuery().in(this) 这一句是最重要的，要用.in(this)，this传入的是自定义组件的实例。不然获取到的rect值为null

2024年02月13日
浏览(45)
微信小程序怎样给事件传值的

通过自定义属性传值：在触发事件的组件上，可以通过自定义属性将需要传递的值绑定到事件对象上。在事件处理函数中，通过 event.currentTarget.dataset 来获取自定义属性的值。代码如下：通过事件对象传值：在触发事件时，可以使用 event.detail 将值传递给事件处理函数。在

2024年02月03日
浏览(40)
微信小程序有哪些传值(传递数据)方法

URL参数传递：可以通过URL参数的方式将数据传递给小程序页面。 Storage存储：可以通过Storage API将数据存储在本地，然后在小程序页面中读取。全局变量：可以将数据存储在小程序的全局变量中，然后在小程序页面中读取。数据绑定：可以通过数据绑定的方式将数据传递给

2024年02月06日
浏览(53)
微信小程序的几种传值方式

目录一、使用全局变量传递数据二、本地存储传递数据三、使用路由传递数据四、父子组件之间传值提示：利用 app.js 中的 globalData 将数据存储为全局变量，在需要使用的页面通过 getApp().globalData 获取提示：利用微信小程序提供的本地存储 wx.setStorageSync 与 wx.getStorage

2023年04月09日
浏览(48)
微信小程序之组件的四种传值方式

我们可以利用微信小程序提供的本地存储 wx.setStorageSync 与 wx.getStorageSync 进行传值。传递组件接收组件传递组件接收组件这时因为传递的是对象类型的数据，到另一个页面获取时会发现是\\\"[object,object]\\\"，解决方法是利用JSON.stringify()和JSON.parse() 传递数据的组件

2024年02月16日
浏览(39)
⑥微信小程序--》小程序全局配置和详解下拉刷新和上拉触底页面事件

目录 🏍️全局配置-window 🍇window小程序窗口的组成部分 🍇window节点常用的配置项 🍈window导航栏相关设置设置导航栏标题设置导航栏背景颜色设置导航栏的标题颜色 🍉window下拉刷新设置全局下拉刷新功能设置下拉刷新的窗口背景色设置下拉刷新的loading样式

2024年02月19日
浏览(46)
微信小程序使用Typescript开发中input的传值问题

刚刚接触typescript+TDesign(微信小程序) 组件，这里解决了一个写表单然后传值的问题。 index-指向items的下标 value-input控件中显示的值 tips-t-input组件用于提示的内容，这里显示手机号码是否正确 bindchange-绑定数据改变的函数，用于刷新数据 number-让控件只能输入数字，带小数点是

2024年02月10日
浏览(32)