uniapp自定义tabbar点击tab时不跳转页面显示弹窗

在uni-app中，如果你想要实现自定义TabBar点击Tab时不跳转页面，而是显示一个弹窗，你可以通过监听TabBar上的点击事件，然后使用uni-app提供的API显示一个弹窗（比如使用`uni.showModal`方法）。具体步骤如下：

1. 在页面的`<template>`中定义你的自定义TabBar，并为每个Tab设置点击事件监听器。
2. 在对应的`<script>`脚本中，编写点击事件处理函数，该函数将阻止默认的页面跳转行为，并触发弹窗的显示。
3. 使用`uni.showModal`或其他弹窗组件（如`Dialog`）来实现弹窗的显示。

示例代码如下：

<template>
  <view>
    <!-- 自定义TabBar -->
    <view class="tabbar">
      <view class="tab-item" @click="handleTabClick('home')">首页</view>
      <view class="tab-item" @click="handleTabClick('search')">搜索</view>
      <!-- 更多Tab -->
    </view>
    <!-- 页面其他内容 -->
  </view>
</template>

<script>
export default {
  methods: {
    // Tab点击事件处理函数
    handleTabClick(tabName) {
      // 阻止默认行为，即不跳转页面
      event.preventDefault();
      // 根据点击的Tab名称决定显示什么弹窗
      switch (tabName) {
        case 'home':
          uni.showModal({
            title: '提示',
            content: '这是首页的提示信息',
            showCancel: false
          });
          break;
        case 'search':
          uni.showModal({
            title: '提示',
            content: '这是搜索的提示信息',
            showCancel: false
          });
          break;
        // 更多case处理其他Tab点击
      }
    }
  }
}
</script>

注意：上述代码中`event.preventDefault();`是用于阻止默认的页面跳转行为，确保点击Tab时不会跳转到相应的页面。