背景:实现小程序换肤功能,在个人中心页面开启换肤,首页即刻换肤完成,点击返回首页看不到换肤过程
上代码
app.js
/**
* 监听皮肤全局变量
* */
watch(val, watchFn) {
const obj = this.globalData;
Object.defineProperty(obj, val, {
configurable: true,
enumerable: true,
set(value) {
watchFn(value);
},
get() {
},
});
},
globalData: {
skinSwitch:false
};
home.js
//在onload里面调用一次watchSkin即可
/**
* 换肤监听
*/
watchSkin() {
app.watch('skinSwitch', (val) => {
const { skinSwitch } = this.data;
if (skinSwitch === val) return false;
this.setData({
skinSwitch: val,
});
});
},
代码看不懂的话欢迎交流~