diff --git a/src/components/model-article-tabs/index.vue b/src/components/model-article-tabs/index.vue
index 0fe3bd68..774b778c 100644
--- a/src/components/model-article-tabs/index.vue
+++ b/src/components/model-article-tabs/index.vue
@@ -8,6 +8,8 @@
 </template>
 <script setup lang="ts">
 import { common_styles_computer } from '@/utils';
+import { cloneDeep } from 'lodash';
+
 const props = defineProps({
     value: {
         type: Object,
@@ -15,27 +17,25 @@ const props = defineProps({
     },
 });
 const style_container = ref('');
-const article_tabs = ref(props.value);
-watch(
-    article_tabs.value,
-    (newVal, oldValue) => {
-        const new_style = newVal?.style;
-        let new_data = newVal;
-        new_data.content.theme = new_data.content.article_theme;
-        new_data.content.data_type = new_data.content.tabs_list[0].data_type;
-        new_data.content.category_ids = new_data.content.tabs_list[0].category_ids;
-        new_data.content.carousel_col = new_data.content.article_carousel_col;
-        new_data.content.data_list = new_data.content.tabs_list[0].data_list;
-        new_data.content.data_ids = new_data.content.tabs_list[0].data_ids;
-        new_data.content.number = new_data.content.tabs_list[0].number;
-        new_data.content.order_by_type = new_data.content.tabs_list[0].order_by_type;
-        new_data.content.order_by_rule = new_data.content.tabs_list[0].order_by_rule;
-        new_data.content.field_show = new_data.content.field_show;
-        new_data.content.is_cover = new_data.content.tabs_list[0].is_cover;
-        article_tabs.value = new_data;
-        style_container.value += common_styles_computer(new_style.common_style);
-    },
-    { immediate: true, deep: true }
-);
+const article_tabs = ref({});
+watch(() => props.value, (val) => {
+    const newVal = cloneDeep(val);
+    const new_style = newVal?.style;
+    let new_data = newVal;
+    new_data.content.theme = new_data.content.article_theme;
+    new_data.content.data_type = new_data.content.tabs_list[0].data_type;
+    new_data.content.category_ids = new_data.content.tabs_list[0].category_ids;
+    new_data.content.carousel_col = new_data.content.article_carousel_col;
+    new_data.content.data_list = new_data.content.tabs_list[0].data_list;
+    new_data.content.data_ids = new_data.content.tabs_list[0].data_ids;
+    new_data.content.number = new_data.content.tabs_list[0].number;
+    new_data.content.order_by_type = new_data.content.tabs_list[0].order_by_type;
+    new_data.content.order_by_rule = new_data.content.tabs_list[0].order_by_rule;
+    new_data.content.field_show = new_data.content.field_show;
+    new_data.content.is_cover = new_data.content.tabs_list[0].is_cover;
+    article_tabs.value = new_data;
+    
+    style_container.value += common_styles_computer(new_style.common_style);
+}, { immediate: true, deep: true });
 </script>
 <style lang="scss" scoped></style>
diff --git a/src/components/model-goods-tabs/index.vue b/src/components/model-goods-tabs/index.vue
index 88b90284..c1cf8d45 100644
--- a/src/components/model-goods-tabs/index.vue
+++ b/src/components/model-goods-tabs/index.vue
@@ -8,6 +8,7 @@
 </template>
 <script setup lang="ts">
 import { common_styles_computer } from '@/utils';
+import { cloneDeep } from 'lodash';
 
 const props = defineProps({
     value: {
@@ -19,11 +20,12 @@ const props = defineProps({
 });
 
 const style_container = ref('');
-const tabs_list = ref(props.value);
+const tabs_list = ref({});
 
-watch(tabs_list.value, (val) => {
-    const new_style = val?.style;
-    let new_data = val;
+watch(() => props.value, (val) => {
+    const new_val = cloneDeep(val);
+    const new_style = new_val?.style;
+    let new_data = new_val;
     // 产品的值
     new_data.content.data_type = new_data.content.tabs_list[0].data_type;
     new_data.content.category_ids = new_data.content.tabs_list[0].category_ids;