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

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

东西/原料

  • 即速应用开辟者东西

利用全局变量

  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 页面的时辰,小法式需要从头读取数据。
  • 利用数据传递方式,可以操作页面仓库里面的页面的数据,可以做到让后一级页面临上级页面群的数据办理。
  • 发表于 2018-07-12 00:00
  • 阅读 ( 805 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

联系我们:uytrv@hotmail.com 问答工具