小程序组件里的数据传递
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了小程序组件里的数据传递相关的知识，希望对你有一定的参考价值。
参考技术A 先上一段官方文档文档说绝大多数初始化工作都在 attached 生命周期进行，但是小程序组件数据分为组件的内部数据 data: 和从页面传递过来的 properties: 。但是有个问题是在组件的 attached 中无法拿到使用组件的页面中setData的值。
给组件传递myString
组件接受myString
所以可以看出在组件里 mySrting 在 created 取的是组件的默认值， attached 取的是页面里 data 的初始数据， ready 取的才是页面 setData 之后的值。具体原理应该要研究下组件的生命周期函数的源码了，可能是在组件 attached 之后页面才 onLoad 。反正直接在组件里使用 mySrting 就不会有这些问题，但如果想用页面 setData 后的 myString 来对组件的数据初始化，就只能放在组件的 ready 里而不能放在 attached 里、
小程序跨页面传递data数据的三种方法
Q：小程序怎么把页面data里的数据传到另外的页面？ 或者小程序怎么吧表单里的数据传到另外的页面？
A：
1、可以使用url传递数据。
例如在A页面中传递数据，需要注意的是，wx.switchTab中的url不能传参数。
wx.navigateTo（｛
url：‘../pageB/pageB?name=raymond&gender=male’
｝）。
在B页面中接收数据，通过onLoad的option：
Page（｛
onLoad：function（option）｛
console.log（option.name+\'is\'+option.gender）；
this.setData（｛option：option｝）；
｝
｝）
2、可以使用本地缓存 示例： 在A页面将数据存入， 在B页面中使用wx.setStorageSync获取数据。
3、可以使用全局比变量保存， 在A页面的时候修改数据， 在B页面的时候可以获取到A页面的数据
以上是关于小程序组件里的数据传递的主要内容，如果未能解决你的问题，请参考以下文章