Weex 开发中动态数据实时变化(切至手机后台app属于休眠状态),为了满足业务需求以及用户使用体验。所以从手机后台再次切回来,数据重新更新,重新渲染页面(根据需求进行数据更新)在Weex中已经写好一个api监听前后台切换(可在期间进行数据重新请求以及调取接口)。
API语法:
var globalEvent = weex.requireModule('globalEvent');
globalEvent.addEventListener('WXApplicationDidBecomeActiveEvent', function(e) {
console.log('WXApplicationDidBecomeActiveEvent');
});
业务实例:
// weex 提供的 globalEvent 全局事件,用于解决 app 放置后台之后,再次打开没有刷新页面问题
weex.requireModule('globalEvent').addEventListener('WXApplicationDidBecomeActiveEvent', (e) => { // WXApplicationDidBecomeActiveEvent 应用在前台触发
this.getMainData() // 切换时要更新的数据
})
weex.requireModule('globalEvent').addEventListener('viewWillAppear', (res) => {
if (res.type == 'back') { // viewWillAppear 应用在后台触发
this.$fetch.get('unReadNotesCheck', res => {
if (res.data) {
this.$refs.child.showzy()
}
})
}
})
以上仅供参考,以官网文档为主。。。。。。。