From 32a174366c2000eef69bc7834e4062212a93a845 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Wed, 20 Jun 2018 17:16:38 +0800
Subject: [PATCH] Breadcrumb update href with a tag

---
 examples/routers/breadcrumb.vue               | 4 ++--
 src/components/breadcrumb/breadcrumb-item.vue | 2 +-
 src/mixins/link.js                            | 3 ++-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/examples/routers/breadcrumb.vue b/examples/routers/breadcrumb.vue
index ad4d0ae6..0c9beeec 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 to="/">Home4</Breadcrumb-item>
-        <Breadcrumb-item :to="{name: 'user', params: { userId: 123 }}">Components</Breadcrumb-item>
+        <Breadcrumb-item to="/button">Home4</Breadcrumb-item>
+        <Breadcrumb-item :to="{name: 'icon', params: { userId: 123 }}">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 05e1dd3b..b67efa6a 100644
--- a/src/components/breadcrumb/breadcrumb-item.vue
+++ b/src/components/breadcrumb/breadcrumb-item.vue
@@ -1,6 +1,6 @@
 <template>
     <span>
-        <a v-if="to" :class="linkClasses" @click="handleClick">
+        <a v-if="to" :href="linkUrl" :class="linkClasses" @click.prevent="handleClick">
             <slot></slot>
         </a>
         <span v-else :class="linkClasses">
diff --git a/src/mixins/link.js b/src/mixins/link.js
index bb5a300b..fec0675d 100644
--- a/src/mixins/link.js
+++ b/src/mixins/link.js
@@ -1,7 +1,8 @@
 export default {
     computed: {
         linkUrl () {
-
+            const type = typeof this.to;
+            return type === 'string' ? this.to : null;
         }
     },
     methods: {