Breadcrumb update href with a tag

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="">

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">

src/mixins/link.js

@@ -1,7 +1,8 @@
 export default {
     computed: {
         linkUrl () {
-
+            const type = typeof this.to;
+            return type === 'string' ? this.to : null;
         }
     },
     methods: {