默认路由

components.d.ts

@@ -9,7 +9,7 @@ export {}
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
-    CameraItem: typeof import('./src/components/tableList/CameraItem.vue')['default']
+    CameraItem: typeof import('./src/components/CameraItem.vue')['default']
     Confirm: typeof import('./src/components/Toast/Confirm.vue')['default']
     ElButton: typeof import('element-plus/es')['ElButton']
     ElButtonGroup: typeof import('element-plus/es')['ElButtonGroup']
@@ -29,8 +29,8 @@ declare module '@vue/runtime-core' {
     ElTabPane: typeof import('element-plus/es')['ElTabPane']
     ElTabs: typeof import('element-plus/es')['ElTabs']
     ElTooltip: typeof import('element-plus/es')['ElTooltip']
-    Footer: typeof import('./src/components/mobile/footer.vue')['default']
-    Header: typeof import('./src/components/mobile/header.vue')['default']
+    Footer: typeof import('./src/components/pc/footer.vue')['default']
+    Header: typeof import('./src/components/pc/header.vue')['default']
     HelloWorld: typeof import('./src/components/HelloWorld.vue')['default']
     IconCommunity: typeof import('./src/components/icons/IconCommunity.vue')['default']
     IconDocumentation: typeof import('./src/components/icons/IconDocumentation.vue')['default']

src/components/pc/index.vue

@@ -6,11 +6,8 @@ import Header from './header.vue'
 import Footer from './footer.vue'
 const { locale: language, t } = useI18n()
 const router = useRouter();
-const active = ref({
-  name: 'information',
-  to: { name: 'information' }
-})
-
+const route = useRoute()
+console.log(route, 'route')
 const normalSettings = [
   {
     name: t('manage.information.nameArr.information'),
@@ -38,6 +35,11 @@ const normalSettings = [
     to: { name: 'appProduct' }
   }
 ]
+const active = ref({
+  name: 'information',
+  to: { name: 'information' }
+})
+active.value = normalSettings.find(item => item.to.name === route.name) || normalSettings[0]
 function tabHandle(sub) {
     active.value = sub
     router.push(sub.to)