小程序页面跳转数据传递

190 阅读1分钟

页面跳转

在上篇文章中,我们介绍了小程序中页面跳转的方式。在页面跳转的时候,我们经常需要在页面间传递数据。数据传递的方式有哪些呢?

数据传递

在界面跳转过程中我们需要相互传递一些数据,应该如何完成呢?例如从首页跳转到详情页,我们可以在URL中携带query参数。那么在详情页我们想要修改在首页传递过来的数据,该怎么办呢?我们可以在详情页内部拿到首页的页面对象,直接修改数据。

  • 首页 -> 详情页:使用URL中的query字段
  • 详情页 -> 首页:在详情页内部拿到首页的页面对象,直接修改数据

image.png

早期数据的传递方式只能通过上述的方式来进行,在小程序基础库 2.7.3 开始支持events参数,也可以用于数据的传递。

image.png

image.png

界面跳转的方式

navigator组件主要就是用于界面的跳转的,也可以跳转到其他小程序中。

小程序登录解析

小程序的用户登录用于增加用户的粘性和产品的停留时间。那么如何识别同一个小程序用户身份?通过:认识小程序登录流程;openid(识别同一个人的标识符)和unionid(在微信不同产品识别同一个人的标识符,小程序、公众号);获取code;换取authToken。用户身份多平台共享:账号绑定、手机号绑定。

小程序用户登陆流程

image.png