data
是微信小程序页面第一次渲染使用的初始数据。如果页面数据过多,很是不方便查看、调试,在命名上也是存在冲突问题等。
那么,我想在调试器AppData有如下展示:
代码实现:
/**
* 设置页面Data数据
*/
$setPageData:function (obj = {}, name = "") {
let that = this;
if (name === "") name = 'paged';
let keys = Object.keys(obj);
keys.forEach(function (item, index) {
that.setData({
[`${name}.${item}`]: obj[item]
});
});
};
方法调用:
/**
* 生命周期函数--监听页面加载
*/
onLoad: async function (options) {
let that = this;
if (options.params != null) {
that.params = JSON.parse(options.params);
} else {
that.params = {}
}
that.$setPageData({
params: that.params,
}, "paged");
// 获取系统数据
that.$setPageData({
info: app.systemInfo,
}, "system");
};
实现效果:
第一次发文,望批评指正!