微信小程序页面之间传参

1.页面url传参

2.data-属性传参

3.缓存传参

4.全局变量传参

1.页面url传参

navigator标签里面设置url后面用？加上key=value键值对模式传参，可以绑定动态数据

2.data-属性传参

通过data-属性设置产生，在通过url传递参数，其本质还是通过url传参

3,缓存传参

小程序缓存分为异步和同步，一般使用同步；方法类似于h5的本地存储；

4.全局变量

小程序在进行页面跳转的时候，如果url传递的数据中有？,=等特殊符号，会把传的数据截断

所以就需要我们使用编码和解码的函数了

encodeURIComponent和decodeURIComponent

1.首先我们把数据编码

2.然后传过去以后解码

一：url带参数传递

与前端语言一样，小程序页面间的传递可以通过在路由url后接参数，路由的同时会将参数一并传递到新的页面。

index.wxml:

效果图：

二：将值存入全局变量

我们同样可以将需要的值存入全局变量中，在需要的地方直接引用就好了。

需要用到全局变量时记得要先获取应用实例： const app = getApp()

**三， 用event传值

JS文件

---