feat:动态路由样式调整

src/layout/components/Sidebar/Link.vue

@@ -1,43 +1,40 @@
 <template>
-  <component :is="type" v-bind="linkProps(to)">
+  <a
+      v-if="isExternal(to)"
+      :href="to"
+      target="_blank"
+      rel="noopener"
+  >
     <slot />
-  </component>
+  </a>
+  <div
+      v-else
+      @click="push"
+  >
+    <slot />
+  </div>
 </template>
 
-<script>
+<script lang="ts">
+import { defineComponent } from 'vue'
 import { isExternal } from '@/utils/validate'
-
-export default {
+import { useRouter } from 'vue-router'
+export default defineComponent({
   props: {
     to: {
       type: String,
       required: true
     }
   },
-  computed: {
-    isExternal() {
-      return isExternal(this.to)
-    },
-    type() {
-      if (this.isExternal) {
-        return 'a'
-      }
-      return 'router-link'
+  setup(props) {
+    const router = useRouter()
+    const push = () => {
+      router.push(props.to)
     }
-  },
-  methods: {
-    linkProps(to) {
-      if (this.isExternal) {
-        return {
-          href: to,
-          target: '_blank',
-          rel: 'noopener'
-        }
-      }
-      return {
-        to: to
-      }
+    return {
+      push,
+      isExternal
     }
   }
-}
-</script>
+})
+</script>