From 75c32564f0fce4e9e16ba24fc7148e23c364d6d6 Mon Sep 17 00:00:00 2001
From: Aresn <admin@aresn.com>
Date: Fri, 2 Jun 2017 11:43:02 +0800
Subject: [PATCH] fixed #646

---
 examples/routers/badge.vue     | 33 ++++++++++-----------------------
 src/components/badge/badge.vue | 14 +++-----------
 2 files changed, 13 insertions(+), 34 deletions(-)

diff --git a/examples/routers/badge.vue b/examples/routers/badge.vue
index 241e2677..7074ba1b 100644
--- a/examples/routers/badge.vue
+++ b/examples/routers/badge.vue
@@ -14,37 +14,24 @@
 </style>
 <template>
     <div>
-        <Badge count="3">
+        <Badge dot :count="count">
             <a href="#" class="demo-badge"></a>
         </Badge>
-        <Badge dot>
-            <a href="#" class="demo-badge"></a>
-        </Badge>
-        <Badge dot>
-            <Icon type="ios-bell-outline" size="26"></Icon>
-        </Badge>
-        <Badge dot>
-            <a href="#">可以是一个链接</a>
-        </Badge>
-        <Badge count="100">
-            <a href="#" class="demo-badge"></a>
-        </Badge>
-        <Badge count="1000" overflow-count="999">
-            <a href="#" class="demo-badge"></a>
-        </Badge>
-        <br>
-        <Badge count="10"></Badge>
-        <br><br>
-        <Badge count="20" class-name="demo-badge-alone"></Badge>
+        <Button @click="setCount">set count</Button>
     </div>
 </template>
 <script>
     export default {
         props: {},
         data () {
-            return {};
+            return {
+                count: 50
+            };
         },
-        computed: {},
-        methods: {}
+        methods: {
+            setCount () {
+                this.count = 10;
+            }
+        }
     };
 </script>
\ No newline at end of file
diff --git a/src/components/badge/badge.vue b/src/components/badge/badge.vue
index cc1880d6..688b4626 100644
--- a/src/components/badge/badge.vue
+++ b/src/components/badge/badge.vue
@@ -61,17 +61,9 @@
                 }
 
                 return status;
-            }
-        },
-        data () {
-            return {
-                alone: false
-            };
-        },
-        mounted () {
-            const child_length = this.$refs.badge.children.length;
-            if (child_length === 1) {
-                this.alone = true;
+            },
+            alone () {
+                return this.$slots.default === undefined;
             }
         }
     };