From 05265beef7670ae28a5fb98338d43f73f6ac0f28 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Tue, 7 Nov 2017 17:28:20 +0800
Subject: [PATCH] fixed #2214

---
 examples/routers/breadcrumb.vue               |  6 +++---
 src/components/breadcrumb/breadcrumb-item.vue | 12 ++++++++----
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/examples/routers/breadcrumb.vue b/examples/routers/breadcrumb.vue
index de0e90c4..ad4d0ae6 100644
--- a/examples/routers/breadcrumb.vue
+++ b/examples/routers/breadcrumb.vue
@@ -7,8 +7,8 @@
 <template>
 <div>
     <Breadcrumb separator="<b class='demo-breadcrumb-separator'>=></b>">
-        <Breadcrumb-item href="/">Home4</Breadcrumb-item>
-        <Breadcrumb-item href="/checkbox" replace>Components</Breadcrumb-item>
+        <Breadcrumb-item to="/">Home4</Breadcrumb-item>
+        <Breadcrumb-item :to="{name: 'user', params: { userId: 123 }}">Components</Breadcrumb-item>
         <Breadcrumb-item>Breadcrumb</Breadcrumb-item>
     </Breadcrumb>
     <Breadcrumb separator="">
@@ -18,7 +18,7 @@
                 <b style="color: #ff5500;">-></b>
             </template>
         </Breadcrumb-item>
-        <Breadcrumb-item href="/components/breadcrumb">
+        <Breadcrumb-item href="/components/page">
             <template>Breadcrumb</template>
             <template slot="separator">
                 <b style="color: #ff5500;">-></b>
diff --git a/src/components/breadcrumb/breadcrumb-item.vue b/src/components/breadcrumb/breadcrumb-item.vue
index 5bcd91d1..72ffdbb0 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" :class="linkClasses" @click="handleClick">
+        <a v-if="to || href" :class="linkClasses" @click="handleClick">
             <slot></slot>
         </a>
         <span v-else :class="linkClasses">
@@ -13,13 +13,17 @@
     </span>
 </template>
 <script>
+    // todo 3.0 时废弃 href
     const prefixCls = 'ivu-breadcrumb-item';
 
     export default {
         name: 'BreadcrumbItem',
         props: {
             href: {
-                type: String
+                type: [Object, String]
+            },
+            to: {
+                type: [Object, String]
             },
             replace: {
                 type: Boolean,
@@ -47,9 +51,9 @@
             handleClick () {
                 const isRoute = this.$router;
                 if (isRoute) {
-                    this.replace ? this.$router.replace(this.href) : this.$router.push(this.href);
+                    this.replace ? this.$router.replace(this.to || this.href) : this.$router.push(this.to || this.href);
                 } else {
-                    window.location.href = this.href;
+                    window.location.href = this.to || this.href;
                 }
             }
         }