uniapp监听底部tabbar切换

在uni-app中，可以通过监听页面的生命周期函数来实现底部TabBar的切换监听。具体实现步骤如下：

1. 在App.vue文件中，给每一个底部TabBar对应的页面添加一个自定义属性，例如：

<template>
  <div>
    <tabbar></tabbar>
    <uni-tabbar-page pagePath="/pages/index/index" customStyle="background-color: #f5f5f5;">
      <router-view></router-view>
    </uni-tabbar-page>
    <uni-tabbar-page pagePath="/pages/list/list" customStyle="background-color: #f5f5f5;">
      <router-view></router-view>
    </uni-tabbar-page>
    <uni-tabbar-page pagePath="/pages/user/user" customStyle="background-color: #f5f5f5;">
      <router-view></router-view>
    </uni-tabbar-page>
  </div>
</template>

2. 在每个底部TabBar对应的页面中，添加生命周期函数onShow()，并在其中添加需要执行的代码，例如：

<script>
export default {
  onShow() {
    console.log('tabbar switched')
  }
}
</script>

这样，在底部TabBar切换时，对应的页面会执行onShow()函数，并输出"tabbar switched"的日志信息，从而实现底部TabBar的切换监听。