微信小程序怎么使用全局变量
时间: 2023-05-28 13:02:08 浏览: 237
在微信小程序中,可以通过定义一个全局变量,来存储一些需要在不同页面之间共享的数据。
下面是一个简单的示例,展示如何在微信小程序中使用全局变量:
1. 在 app.js 中定义一个全局对象,例如:
```
App({
globalData: {
userInfo: null
}
})
```
2. 在需要使用全局变量的页面中,可以通过 getApp() 方法获取 app 实例,并访问其中的 globalData 属性,例如:
```
const app = getApp()
Page({
data: {
userInfo: null
},
onLoad() {
this.setData({
userInfo: app.globalData.userInfo
})
}
})
```
3. 在其他页面中,也可以通过 getApp() 方法获取 app 实例,并修改其中的 globalData 属性,例如:
```
const app = getApp()
Page({
onClickButton() {
app.globalData.userInfo = {
name: '张三',
age: 20
}
}
})
```
这样,当在一个页面中修改了全局变量的值,其他页面也可以获取到最新的值。注意,全局变量的修改仅在当前小程序实例中有效,如果用户重新打开小程序,全局变量将会重置。如果需要永久保存数据,可以考虑使用小程序提供的存储API,如 wx.setStorage 和 wx.getStorage。
阅读全文