From 345c6863bf79e995b25274ba03ff3523867703bc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Thu, 30 Mar 2017 11:24:23 +0800
Subject: [PATCH] update Breadcrumb

support router and replace
---
 examples/routers/breadcrumb.vue               |  2 +-
 src/components/breadcrumb/breadcrumb-item.vue | 22 +++++++++++++++----
 2 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/examples/routers/breadcrumb.vue b/examples/routers/breadcrumb.vue
index 057bce55..de0e90c4 100644
--- a/examples/routers/breadcrumb.vue
+++ b/examples/routers/breadcrumb.vue
@@ -8,7 +8,7 @@
 <div>
     <Breadcrumb separator="<b class='demo-breadcrumb-separator'>=></b>">
         <Breadcrumb-item href="/">Home4</Breadcrumb-item>
-        <Breadcrumb-item href="/components/breadcrumb">Components</Breadcrumb-item>
+        <Breadcrumb-item href="/checkbox" replace>Components</Breadcrumb-item>
         <Breadcrumb-item>Breadcrumb</Breadcrumb-item>
     </Breadcrumb>
     <Breadcrumb separator="">
diff --git a/src/components/breadcrumb/breadcrumb-item.vue b/src/components/breadcrumb/breadcrumb-item.vue
index d3bba1b4..5bcd91d1 100644
--- a/src/components/breadcrumb/breadcrumb-item.vue
+++ b/src/components/breadcrumb/breadcrumb-item.vue
@@ -1,6 +1,6 @@
 <template>
     <span>
-        <a v-if="href" :href="href" :class="linkClasses">
+        <a v-if="href" :class="linkClasses" @click="handleClick">
             <slot></slot>
         </a>
         <span v-else :class="linkClasses">
@@ -20,6 +20,10 @@
         props: {
             href: {
                 type: String
+            },
+            replace: {
+                type: Boolean,
+                default: false
             }
         },
         data () {
@@ -28,9 +32,6 @@
                 showSeparator: false
             };
         },
-        mounted () {
-            this.showSeparator = this.$slots.separator !== undefined;
-        },
         computed: {
             linkClasses () {
                 return `${prefixCls}-link`;
@@ -38,6 +39,19 @@
             separatorClasses () {
                 return `${prefixCls}-separator`;
             }
+        },
+        mounted () {
+            this.showSeparator = this.$slots.separator !== undefined;
+        },
+        methods: {
+            handleClick () {
+                const isRoute = this.$router;
+                if (isRoute) {
+                    this.replace ? this.$router.replace(this.href) : this.$router.push(this.href);
+                } else {
+                    window.location.href = this.href;
+                }
+            }
         }
     };
 </script>