2019-11-21 14:43:23 +08:00

24 lines
517 B
Vue

<template>
<router-link v-if="item.path" active-class="active" :to="base + item.path" v-html="itemName" />
<a v-else-if="item.link" :href="item.link" v-html="itemName" />
<a v-else v-html="itemName " />
</template>
<script>
export default {
name: 'van-doc-nav-link',
props: {
base: String,
item: Object
},
computed: {
itemName() {
const name = (this.item.title || this.item.name).split(' ');
return `${name[0]} <span>${name.slice(1).join(' ')}</span>`;
}
}
};
</script>