uniapp自定义tabbar呈现后页面组件的生命周期不被调用怎么解决

在自定义tabbar中，页面组件的生命周期确实会受到影响，因为tabbar的切换并不是页面的切换，而是组件的切换。因此，你需要手动监听tabbar的切换事件，在切换时手动调用对应页面组件的生命周期函数。

具体实现可以参考以下步骤：

1. 在App.vue中，监听tabbar组件的切换事件，例如：

onTabBarChange(index) {
  this.$refs.tabBar.switchTab(index)
  this.$refs.pages[index].onShow()
}

2. 在自定义tabbar组件中，添加ref属性，例如：

<template>
  <div>
    <div v-for="(item, index) in tabList" :key="index" @click="switchTab(index)">
      {{ item.text }}
    </div>
    <slot></slot>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tabList: [
        { text: '首页' },
        { text: '分类' },
        { text: '我的' }
      ],
      activeIndex: 0
    }
  },
  methods: {
    switchTab(index) {
      this.activeIndex = index
      this.$emit('change', index)
    }
  }
}
</script>

3. 在每个页面组件中，添加onShow生命周期函数，例如：

export default {
  onShow() {
    console.log('onShow')
  }
}

通过以上步骤，你就可以在自定义tabbar中实现页面组件的生命周期函数的调用了。