43 lines
936 B
Vue
43 lines
936 B
Vue
|
<template>
|
||
|
|
<component
|
||
|
|
:is="tag"
|
||
|
|
v-bind="[isRouterLink ? { to: href } : { href: href }, attributes]"
|
||
|
|
:tabindex="item.disabled && -1"
|
||
|
|
:target="target"
|
||
|
|
>
|
||
|
|
<slot />
|
||
|
|
</component>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: "CustomSidebarMenuLink",
|
||
|
|
props: {
|
||
|
|
item: {
|
||
|
|
type: Object,
|
||
|
|
required: true
|
||
|
|
},
|
||
|
|
attributes: {
|
||
|
|
type: Object,
|
||
|
|
default: null
|
||
|
|
},
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
isRouterLink() {
|
||
|
|
return !!this.$router && this.item.href && !this.item.external;
|
||
|
|
},
|
||
|
|
tag() {
|
||
|
|
return this.isRouterLink ? "router-link" : "a";
|
||
|
|
},
|
||
|
|
href() {
|
||
|
|
if (!this.item.href) return "#";
|
||
|
|
return this.item.href;
|
||
|
|
},
|
||
|
|
target() {
|
||
|
|
if (this.item.external) return "_blank";
|
||
|
|
return "_self";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|