src/components/custom-scroll-title/index.vue

@@ -39,7 +39,7 @@ const router = useRouter();
 onMounted(() => {
   handleWidth();
 });
-// const emit = defineEmits(['changeTitle']);
+const emit = defineEmits(['changeTitle']);
 const props = defineProps({
   titles: {
     type: Array,
@@ -109,7 +109,7 @@ function handleTitleBtn(t = -1) {
 }
 function handleTitleClick(val) {
   activeTitle.value = val;
-  // emit('changeTitle', val);
+  emit('changeTitle', val);
   router.push({ name: val });
 }
 </script>

src/layouts/index.vue

@@ -1,6 +1,6 @@
 <template>
   <section class="_contaioner">
-    <custom-scroll-title class="header_titles" />
+    <custom-scroll-title class="header_titles" @change-title="handleChangeTitle" />
     <section class="_content">
       <router-view />
     </section>