diff --git a/examples/routers/breadcrumb.vue b/examples/routers/breadcrumb.vue
index ad4d0ae..0c9beee 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 05e1dd3..b67efa6 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 bb5a300..fec0675 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: {
--
libgit2 0.21.4