Breadcrumb update href with a tag

梁灏
1 parent 924ce5e5
Showing 3 changed files with 5 additions and 4 deletions Show diff stats
examples/routers/breadcrumb.vue
src/components/breadcrumb/breadcrumb-item.vue
src/mixins/link.js
@@ -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="">
 <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">
 export default {
     computed: {
         linkUrl () {
-
+            const type = typeof this.to;
+            return type === 'string' ? this.to : null;
         }
     },
     methods: {