mirror of
https://github.com/pure-admin/pure-admin-thin.git
synced 2025-12-14 22:30:31 +08:00
37 lines
649 B
Vue
37 lines
649 B
Vue
<script setup lang="ts">
|
|
import { computed } from "vue";
|
|
import { isUrl } from "@pureadmin/utils";
|
|
import { menuType } from "@/layout/types";
|
|
|
|
defineOptions({
|
|
name: "LinkItem"
|
|
});
|
|
|
|
const props = defineProps<{
|
|
to: menuType;
|
|
}>();
|
|
|
|
const isExternalLink = computed(() => isUrl(props.to.name));
|
|
const getLinkProps = (item: menuType) => {
|
|
if (isExternalLink.value) {
|
|
return {
|
|
href: item.name,
|
|
target: "_blank",
|
|
rel: "noopener"
|
|
};
|
|
}
|
|
return {
|
|
to: item
|
|
};
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<component
|
|
:is="isExternalLink ? 'a' : 'router-link'"
|
|
v-bind="getLinkProps(to)"
|
|
>
|
|
<slot />
|
|
</component>
|
|
</template>
|