uniapp不触发onShow事件

问题描述

• uniapp编译小程序时，tabBar页面的onShow事件不触发
• uniapp编译H5时，onShow事件触发，但是无法获取页面更新后的data

问题解决

• tabBar页面的onShow事件不触发

onLoad() {
  // #ifdef MP-WEIXIN
  try { // 避免其中业务逻辑错误影响其他代码
    const onShow = this.$mp.page.onShow
    this.$mp.page.onShow = function(...arg) {
      setTimeout(() => {
        onShow.apply(this, ...arg)
      }, 250)
    }
  } catch (error) {}
  // #endif
}

• H5的onShow事件无法获取页面data更新后的数据状态

// #ifdef H5
activated() {
  // 使用activated，可以获取该页面data更新后的数据状态
},
// #endif

关键词

uniapp的onShow、onShow、uniapp的activated、uniapp的小程序onShow、小程序onShow、H5的onShow