Support Breadcrumb

keep slot sepatator

src/components/breadcrumb/breadcrumb-item.vue

@@ -6,8 +6,10 @@
         <span v-else :class="linkClasses">
             <slot></slot>
         </span>
-        <span :class="separatorClasses">
-            <slot name="separator">{{{ separator }}}</slot>
+        <span :class="separatorClasses" v-html="separator" v-if="!showSeparator">
+        </span>
+        <span :class="separatorClasses" v-else>
+            <slot name="separator"></slot>
         </span>
     </span>
 </template>
@@ -18,12 +20,17 @@
         props: {
             href: {
                 type: String
-            },
-            separator: {
-                type: String,
-                default: '/'
             }
         },
+        data () {
+            return {
+                separator: '',
+                showSeparator: false
+            }
+        },
+        mounted () {
+            this.showSeparator = this.$slots.separator !== undefined;
+        },
         computed: {
             linkClasses () {
                 return `${prefixCls}-link`;

src/components/breadcrumb/breadcrumb.vue

@@ -18,7 +18,7 @@
                 return `${prefixCls}`;
             }
         },
-        compiled () {
+        mounted () {
             this.updateChildren();
         },
         methods: {

src/index.js

@@ -5,7 +5,7 @@ import Affix from './components/affix';
 import Alert from './components/alert';
 // import BackTop from './components/back-top';
 import Badge from './components/badge';
-// import Breadcrumb from './components/breadcrumb';
+import Breadcrumb from './components/breadcrumb';
 import Button from './components/button';
 import Card from './components/card';
 import Carousel from './components/carousel';
@@ -51,8 +51,8 @@ const iview = {
     Alert,
     // BackTop,
     Badge,
-    // Breadcrumb,
-    // BreadcrumbItem: Breadcrumb.Item,
+    Breadcrumb,
+    BreadcrumbItem: Breadcrumb.Item,
     // iButton: Button,
     Button,
     ButtonGroup: Button.Group,