Merge pull request #3654 from xiaofengsha/pr008

Badge 组件增加 showZero 属性

Merge pull request #3654 from xiaofengsha/pr008
Badge 组件增加 showZero 属性
Aresn · GitHub
2 parents 9932b935 1ca07948
Showing 2 changed files with 16 additions and 3 deletions Show diff stats
examples/routers/badge.vue
src/components/badge/badge.vue
@@ -17,7 +17,11 @@
         <Badge dot :count="count">
             <a href="#" class="demo-badge"></a>
         </Badge>
+        <Badge :count="0" showZero>
+            <a href="#" class="demo-badge"></a>
+        </Badge>
         <Button @click="setCount">set count</Button>
+        
     </div>
 </template>
 <script>
@@ -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;