4.1

src/components/Title2/index.vue

@@ -3,16 +3,18 @@
     <span>{{ title }}</span>
   </div>
   <div v-if="type==2" class="title-2">
-	  <div class="item active">
-		  <span >{{ title }}</span>
+	  <div @click="handleTitleClick(0)" class="item " :class="current==0?'active':''" >
+		  <span >景区购票</span>
 	  </div>
-	  <div class="item">
+	  <div @click="handleTitleClick(1)" class="item" :class="current==1?'active':''">
 		  <span>直通车购票</span>
 	  </div>
   </div>
 </template>
 
 <script setup>
+  let current = ref(0)
+  const emits = defineEmits(['changClick'])
   let props = defineProps({
     title: {
       type: String,
@@ -23,6 +25,10 @@
 		default:1
 	}
   })
+  const handleTitleClick = (index)=>{
+	  current.value = index
+	  emits('changClick',index)
+  }
 </script>
 
 <style scoped lang="scss">