diff --git a/src/components/model-tabs-carousel/model-tabs-carousel-content.vue b/src/components/model-tabs-carousel/model-tabs-carousel-content.vue
index d73d631f..186b9f73 100644
--- a/src/components/model-tabs-carousel/model-tabs-carousel-content.vue
+++ b/src/components/model-tabs-carousel/model-tabs-carousel-content.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="common-content-height">
-        <el-tabs v-model="tabs_name" class="content-tabs">
+        <el-tabs v-model="tabs_name" class="content-tabs" @tab-change="change_tab_event">
             <el-tab-pane label="选项卡" name="tabs">
                 <model-tabs-content :value="form" :tab-style="styles"></model-tabs-content>
             </el-tab-pane>
@@ -33,6 +33,10 @@ const state = reactive({
 const { form, styles } = toRefs(state);
 
 const tabs_name = ref(props.tabsActive);
+const emit = defineEmits(['update:tabs']);
+const change_tab_event = (val: any) => {
+    emit('update:tabs', val);
+};
 </script>
 <style lang="scss" scoped>
 :deep(.el-tabs.content-tabs) {
diff --git a/src/components/model-tabs-carousel/model-tabs-carousel-setting.vue b/src/components/model-tabs-carousel/model-tabs-carousel-setting.vue
index edc2f372..c749951d 100644
--- a/src/components/model-tabs-carousel/model-tabs-carousel-setting.vue
+++ b/src/components/model-tabs-carousel/model-tabs-carousel-setting.vue
@@ -2,10 +2,10 @@
     <div class="setting-content">
         {{ tabs_active }}
         <template v-if="type == '1'">
-            <model-tabs-carousel-content :value="value.content" :tabs-active="tabs_active" :tab-carousel-style="value.style"></model-tabs-carousel-content>
+            <model-tabs-carousel-content :value="value.content" :tabs-active="tabs_active" :tab-carousel-style="value.style" @update:tabs="update_tabs"></model-tabs-carousel-content>
         </template>
         <template v-if="type == '2'">
-            <model-tabs-carousel-styles :value="value.style" :tabs-active="tabs_active" :tabs-style="value.content.tabs_theme" :content="value.content"></model-tabs-carousel-styles>
+            <model-tabs-carousel-styles :value="value.style" :tabs-active="tabs_active" :tabs-style="value.content.tabs_theme" :content="value.content" @update:tabs="update_tabs"></model-tabs-carousel-styles>
         </template>
     </div>
 </template>
@@ -21,5 +21,12 @@ const props = defineProps({
     },
 });
 const tabs_active = ref('tabs');
+const update_tabs = (val: string) => {
+    if (val === 'common') {
+        tabs_active.value = 'tabs';
+    } else {
+        tabs_active.value = val;
+    }
+};
 </script>
 <style lang="scss" scoped></style>
diff --git a/src/components/model-tabs-carousel/model-tabs-carousel-styles.vue b/src/components/model-tabs-carousel/model-tabs-carousel-styles.vue
index c8d87c91..9d444370 100644
--- a/src/components/model-tabs-carousel/model-tabs-carousel-styles.vue
+++ b/src/components/model-tabs-carousel/model-tabs-carousel-styles.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="w">
         {{ tabs_name }}
-        <el-tabs v-model="tabs_name" class="content-tabs">
+        <el-tabs v-model="tabs_name" class="content-tabs" @tab-change="change_tab_event">
             <el-tab-pane label="选项卡" name="tabs">
                 <model-tabs-styles :value="form" :tabs-style="tabsStyle" :is-common="false"></model-tabs-styles>
             </el-tab-pane>
@@ -49,6 +49,10 @@ const state = reactive({
 });
 
 const tabs_name = ref(props.tabsActive);
+const emit = defineEmits(['update:tabs']);
+const change_tab_event = (val: any) => {
+    emit('update:tabs', val);
+};
 // 如果需要解构，确保使用toRefs
 const { form, new_content } = toRefs(state);
 const common_styles_update = (val: Object) => {