uniapp底部导航点击事件

在uniapp中，可以通过在pages.json文件中配置底部导航栏的页面路径和图标，然后在页面中使用tabbar组件来展示底部导航栏。要监听底部导航栏的点击事件，可以在tabbar组件上绑定一个click事件，然后在事件处理函数中根据点击的索引值来切换页面。

示例代码如下：

<template>
  <view>
    <!-- 底部导航栏 -->
    <tabbar :list="tabList" @click="onTabClick"></tabbar>
  </view>
</template>

<script>
export default {
  data() {
    return {
      // 底部导航栏配置
      tabList: [
        {
          pagePath: '/pages/home/index',
          text: '首页',
          iconPath: '/static/tabbar/home.png',
          selectedIconPath: '/static/tabbar/home-active.png'
        },
        {
          pagePath: '/pages/mine/index',
          text: '我的',
          iconPath: '/static/tabbar/mine.png',
          selectedIconPath: '/static/tabbar/mine-active.png'
        }
      ]
    }
  },
  methods: {
    // 底部导航栏点击事件处理函数
    onTabClick(index) {
      // 切换页面
      uni.switchTab({
        url: this.tabList[index].pagePath
      })
    }
  }
}
</script>