uniapp自定义tabbar时有两个tab没有页面是一个弹窗

如果你的自定义tabbar中有一些tab没有对应的页面，你可以在tabbar组件的点击事件中判断当前点击的tab是否有对应的页面，如果没有则弹出一个对话框。

具体实现方法如下：

1. 在tabbar组件的点击事件中，使用uni-app提供的switchTab方法跳转到对应的页面，并在跳转之前判断当前点击的tab是否有对应的页面。如果没有则弹出一个对话框：

<template>
  <view class="custom-tabbar">
    <view class="tabbar-item" v-for="(tab, index) in tabs" :key="index" @click="tabbarClick(index, tab)">
      <image class="tabbar-icon" :src="tab.iconPath"></image>
      <text class="tabbar-text">{{ tab.text }}</text>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      tabs: [
        {
          iconPath: '/static/tabbar/home.png',
          text: '首页',
          pagePath: '/pages/index/index'
        },
        {
          iconPath: '/static/tabbar/message.png',
          text: '消息',
          pagePath: ''
        },
        {
          iconPath: '/static/tabbar/mine.png',
          text: '我的',
          pagePath: '/pages/mine/mine'
        }
      ]
    }
  },
  methods: {
    tabbarClick(index, tab) {
      if (tab.pagePath === '') { // 判断当前点击的tab是否有对应的页面
        uni.showModal({
          title: '提示',
          content: '该功能正在开发中',
          showCancel: false
        })
      } else {
        uni.switchTab({
          url: tab.pagePath
        })
      }
    }
  }
}
</script>

在上面的代码中，我在tab对象中添加了一个pagePath属性，表示该tab对应的页面路径。如果pagePath为空字符串，则说明该tab没有对应的页面。在tabbarClick方法中，我首先通过判断tab的pagePath属性是否为空字符串来判断当前点击的tab是否有对应的页面，如果没有则弹出一个对话框提示用户该功能正在开发中。如果有，则使用switchTab方法跳转到对应的页面。

这样，当你点击自定义的tabbar的没有对应页面的tab时，就会弹出一个对话框提示用户该功能正在开发中。