$bus

src/views/header/index.vue

@@ -6,6 +6,7 @@
         :class="{ active: activeIndex === item.id }"
         v-for="item in tabList"
         :key="item.id"
+        @click="setActiveIndex(item.id)"
       >
         {{ item.label }}
       </div>
@@ -26,7 +27,14 @@ export default {
     };
   },
   mounted() {},
-  methods: {},
+  methods: {
+    setActiveIndex(id) {
+      if (this.activeIndex !== id) {
+        this.activeIndex = id;
+        this.$bus.emit("setActiveIndex", this.activeIndex);
+      }
+    },
+  },
 };
 </script>