找回密码
 立即注册

QQ登录

只需一步,快速开始

3种在微信小程序的不同页面传递数据的方法(url带参传递...

[复制链接]
查看: 370|回复: 0
最佳答案
0 

3

主题

3

帖子

90

积分

新人求带

积分
90
 楼主| 发表于 2018-9-14 14:44:27 | 显示全部楼层 |阅读模式
3种在微信小程序的不同页面传递数据的方法(url带参传递数据、全局变量传递数据、本地缓存传递数据)

1、url带参传递数据

1.1、index页面向detail页面传递数据

父页面的index.js

1.png

问号?后面是要传递的数据,多个数据用&隔开

1.2、跳转页面(接收数据的页面)的detail.js

2.png

接收传进来的数据并在控制台打印出来

2、本地缓存传递数据

本地数据缓存是微信小程序提供的一个功能,从本地缓存中同步获取指定 key 对应的内容。

wx.setStorageSync(string key, Object|string data)

参数

string key:本地缓存中指定的 key

Object|string data:需要存储的内容

那么如何利用本地缓存在不同的页面中进行传递呢?

例如我们在页面index保存内容title

3.png

通过setStorageSync,title这个数据就保存在本地了,当其他页面要使用这个数据的时候,可以直接通过wx.getStorageSync('title')把数据取出来用。

4.png

3、全局变量传递数据

3.1 、首先在app.js的App方法里定义全局变量(实际上是定义全局变量),这个全局变量可以在每个页面中引入

5.png

3.2、在页面中通过App()方法获取到全局应用对象,然后可以对全局变量进行操作(读取、修改...)

6.png
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则



www.henkuai.com—微信开发者的分享交流平台,专注微信开发生态。

天津市滨海新区
中新生态城中成大道生态建设公寓9号楼3层301

微信公众号

广告推广
QQ:805874290

市场合作
zhongcong@henkuai.com