提交

src/view/allMedia/H5Editor.vue

@@ -198,7 +198,7 @@ const leftEle = ref(false);
 const route = useRoute();
 const item = JSON.parse(route.query.item || '{}');
 const selectPage = ref(0);
-const hoversList = ref(item.hoversList || []);
+const hoversList = ref(JSON.parse(JSON.stringify(item.hoversList)) || []);
 const page = ref({ width: 375, height: 0 });
 document.title = item.title;
 
@@ -236,18 +236,20 @@ const addComponent = (type, componentTyep, index) => {
     };
   });
 };
-
-const addComponentItem = row => {
+const addComponentItem = r => {
+  const row = JSON.parse(JSON.stringify(r));
   const indexs = visbileData.value.index.split('-');
-  const page = item.hoversList
-    ? item.hoversList[selectPage.value]
-    : { components: [] };
+  const page =
+    hoversList.value
+      ? hoversList.value[selectPage.value]
+      : { components: [] };
   let i = visbileData.value.type === 'top' ? 0 : 1;
   if (indexs.length == 1) {
     page.components.splice(indexs[0] - 0 + i, 0, row);
   } else {
     page.components[indexs[0]].child_list.splice(indexs[1] - 0 + i, 0, row);
   }
+  hoversList.value[selectPage.value] = page;
   dialogVisible.value = false;
 };