右下角气泡为0消息为空时不显示

src/components/vBottomMenu.vue

@@ -123,7 +123,7 @@
       </div>
     </div>
     <div class="btm-right">
-      <el-popover placement="top" trigger="click">
+      <el-popover placement="top" trigger="click" :disabled="taskCount==0">
         <div class="btm-r-pop-info">
           <div class="btm-r-pop-info-box" v-for="(item,index) in taskList">
             <div class="btm-r-pop-info-tit">
@@ -165,11 +165,12 @@
             </div>
           </div>
         </div>
-        <el-badge :value="taskCount" slot="reference">
+        <el-badge :value="taskCount" slot="reference" :hidden="taskCount==0">
           <el-button size="small" icon="el-icon-bank-card" >任务</el-button>
         </el-badge>
       </el-popover>
-      <el-popover placement="top" trigger="click">
+      <el-popover placement="top" trigger="click" :disabled="messageCount==0"
+>
         <div class="btm-r-pop-info">
           <div class="btm-r-pop-info-box" v-for="(item,index) in messageList">
             <div class="btm-r-pop-info-con">
@@ -183,7 +184,8 @@
             </div>
           </div>
         </div>
-        <el-badge :value="messageCount" slot="reference">
+        <el-badge :value="messageCount" slot="reference" :hidden="messageCount==0"
+>
           <el-button size="small" icon="el-icon-chat-line-round">消息</el-button>
         </el-badge>
       </el-popover>