midButton按钮onTabBarMidButtonTap点击事件弹出弹窗

在使用midButton做凸起按钮的时候，在App.vue里使用uni.onTabBarMidButtonTap来监听点击事件，网上都是点击后执行的跳转页面，我想点击后出现弹窗。
把弹窗组件写在App.vue里,代码
<template>
<view>
<customDialog />
<router-view></router-view>
</view>
</template>
不使用router-view页面就是空的，使用router-view下方的tabBar就没了。
应该怎么处理呢？