全局属性
原创...小于 1 分钟
整个小程序只有一个 App 实例,是全部页面共享的。开发者可以通过 getApp
方法获取到全局唯一的 App 实例,获取 App 上的数据或调用开发者注册在 App 上的函数。
在 app.js 文件中增加全局属性
// app.js
App({
globalData: {
userInfo: "我是全局属性",
},
});
我们在 news.js 文件中读取全局属性
const appInstance = getApp();
Page({
onLoad(options) {
console.log(appInstance.globalData.userInfo); // 我是全局属性
},
});
当然,我们也可以在页面中显示,首先修改news.js
文件
Page({
data: {
message: "",
},
onLoad(options) {
const appInstance = getApp();
// 关于this.setData({}),后续会详细讲解,目前我们知道可以给message赋值即可
this.setData({
message: appInstance.globalData.userInfo,
});
},
});
修改news.wxml
文件显示内容
<text>{{ message }}</text>
Powered by Waline v2.15.7