最新代码

src/App.vue

@@ -1,30 +1,55 @@
 <template>
   <div id="app">
     <Header id="header" />
-    <router-view />
+    <router-view id="router" />
   </div>
 </template>
 
 <script>
-import Header from "@/views/header/index.vue";
+import Header from '@/views/header/index.vue'
+
 export default {
-  name: "",
+  name: '',
   components: {
     Header,
   },
   data() {
-    return {};
+    return {
+      routerMap: {
+        1: '/',
+        2: '/residentAnalysis',
+      },
+    }
   },
-  mounted() {},
-  methods: {},
-};
+  mounted() {
+    this.receiveBUS()
+  },
+  methods: {
+    receiveBUS() {
+      this.$bus.$on('setActiveIndex', (val) => {
+        this.$router.push(this.routerMap[val])
+      })
+    },
+  },
+}
 </script>
 
 <style lang="scss">
-@import "@/assets/scss/index.scss";
+@use '@/assets/scss/index.scss';
+
+#app {
+  width: 100%;
+  height: 100%;
+}
 
 #header {
   width: 100%;
   height: 74px;
 }
+
+#router {
+  width: 100%;
+  height: calc(100% - 74px);
+  border: 1px solid red;
+}
 </style>