From aeac77b90fdb2cee6e1fae24e9ed5c07da6630e4 Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: 星期四, 04 四月 2024 20:41:58 +0800
Subject: [PATCH] chore: 拖动元素时的背景图
---
src/layout/components/Sidebar/Link.vue | 30 +++++++++++++++---------------
1 files changed, 15 insertions(+), 15 deletions(-)
diff --git a/src/layout/components/Sidebar/Link.vue b/src/layout/components/Sidebar/Link.vue
index c1c276f..fd75f35 100644
--- a/src/layout/components/Sidebar/Link.vue
+++ b/src/layout/components/Sidebar/Link.vue
@@ -1,23 +1,29 @@
+<template>
+ <component :is="type" v-bind="linkProps()">
+ <slot />
+ </component>
+</template>
+
<script setup lang="ts">
-import { isExternal } from '@/utils/validate'
+import { isExternal } from '@/utils/validate';
const props = defineProps({
to: {
type: [String, Object],
required: true
}
-})
+});
const isExt = computed(() => {
- return isExternal(props.to as string)
-})
+ return isExternal(props.to as string);
+});
const type = computed(() => {
if (isExt.value) {
- return 'a'
+ return 'a';
}
- return 'router-link'
-})
+ return 'router-link';
+});
function linkProps() {
if (isExt.value) {
@@ -25,16 +31,10 @@
href: props.to,
target: '_blank',
rel: 'noopener'
- }
+ };
}
return {
to: props.to
- }
+ };
}
</script>
-
-<template>
- <component :is="type" v-bind="linkProps()">
- <slot />
- </component>
-</template>
--
Gitblit v1.9.3