From d3905b354895257eed6c82f9aa89a87d936fe149 Mon Sep 17 00:00:00 2001
From: xiaofengsha <181347204@qq.com>
Date: Sat, 19 May 2018 23:04:30 +0800
Subject: [PATCH] =?UTF-8?q?Badge=20=E7=BB=84=E4=BB=B6=E5=A2=9E=E5=8A=A0=20?=
 =?UTF-8?q?showZero=20=E5=B1=9E=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/badge/badge.vue | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/badge/badge.vue b/src/components/badge/badge.vue
index 1965986e..37fa3f2e 100644
--- a/src/components/badge/badge.vue
+++ b/src/components/badge/badge.vue
@@ -5,7 +5,7 @@
     </span>
     <span v-else :class="classes" ref="badge">
         <slot></slot>
-        <sup v-if="count" :class="countClasses" v-show="badge">{{ finalCount }}</sup>
+        <sup v-if="hasCount" :class="countClasses" v-show="badge">{{ finalCount }}</sup>
     </span>
 </template>
 <script>
@@ -23,7 +23,11 @@
                 type: [Number, String],
                 default: 99
             },
-            className: String
+            className: String,
+            showZero: {
+                type: Boolean,
+                default: false
+            }
         },
         computed: {
             classes () {
@@ -60,7 +64,12 @@
                     }
                 }
 
-                return status;
+                return status || this.showZero;
+            },
+            hasCount() {
+                if(this.count) return true;
+                if(this.showZero && parseInt(this.count) === 0) return true;
+                else return false;
             },
             alone () {
                 return this.$slots.default === undefined;