如何在智能小程序页面间传递数据

在微信小法式的开辟中，我们会经常碰到页面间数据传递或者彼此影响的问题。在现实的开辟过程中，可以经由过程以下几种方式来实现。

东西/原料

• 即速应用开辟者东西

利用全局变量

1. 1

   全局变量现实上是界说了一个全局的对象，并在每个页面中引入。在初始化代码的时辰，小法式会读取一个 app.js 的文件，在这里我们可以界说我们所需要的全局变量。

   
2. 2

   利用全局变量全局变量现实上是界说了一个全局的对象，并在每个页面中引入。在初始化代码的时辰，小法式会读取一个 app.js 的文件，在这里我们可以界说我们所需要的全局变量。

   
3. 3

   因为 app.js 在项目中是用来做根本设置装备摆设的，是以不建议将良多变量放在这里设置装备摆设。一般环境下会将一些持久化的常量设置装备摆设在这里，对于经常需要变更的量不建议用这个方式。

利用当地缓存

1. 1

   当地缓存可以将用户发生的数据做当地的持久化，近似于 NoSQL，可以进行读取和点窜的操作。那么在分歧的页面之间，若何操纵它，进行数据的交互呢？假设我们在 A 页面保留了用户的信息，如图：

   
2. 2

   如许做，这个数据就存在了当地。当在 B 页面需要利用的时辰，可以直接的获取到数据池中的数据，并进行 CRUD 操作：

   
3. 3

   需要注重的是，在回到 A 页面的时辰，小法式需要从头读取数据。这时辰，可以选择放在生命周期的 onShow 中对数据从头加载

数据传递方式

1. 1

   我们凡是会在页面之间进行跳转、重定标的目的的操作，数据会从父级页面往子级页面（模板）传递。这时辰，我们可以选择将部门数据放在 url 里面，并在新页面 onLoad 的时辰进行初始化。

   
2. 2

   在 D 页面中，我们可以如许领受到到所传进来的参数：

   
3. 3

   wx.navigateTo 和 wx.redirectTo 不许可跳转到 tab 所包含的页面，只能用 wx.switchTab 跳转。需要注重的是，wx.switchTab 中的 url 不克不及传参数。

注重事项

• 利用全局变量方式时，因为app.js是用来做根本设置装备摆设的，不建议将良多变量放在这里设置装备摆设。
• 利用当地缓存方式时，在回到 A 页面的时辰，小法式需要从头读取数据。
• 利用数据传递方式，可以操作页面仓库里面的页面的数据，可以做到让后一级页面临上级页面群的数据办理。