一、场景
需要获取app.js中自定义的全局变量,并展示到index.wxml
二、实现
index.js
//获取应用实例
const app = getApp()
Page({
data: {
free_num:app.globalData.free_num,,
},
})
index.wxml
<text>{{free_num}}</text>
问题:如果全局的free_num更新,则index.js的free_num无法随之更新。
解决方法:
利用生命周期,如onLoad,或其它监听数据的方法,在合适场景重新赋值。
生命周期接口地址:https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html
onLoad: function () {
this.setData({
free_num:app.globalData.free_num,
})
}
其它解决方法:
自定义定时器,实时更新
//实时更新
setInterval(res=>{
this.setData({
free_num:app.globalData.free_num,
})
},2000)