修改自定义页面

src/components/editEl/carousel.vue

@@ -41,7 +41,7 @@ export default {
     },
     addImg() {
       this.show = false;
-      this.$props.data.list.push({title: '请输入', value: '请输入'});
+      this.$props.data.list.push({title: '请输入', value: '请输入', icon: ''});
       this.$nextTick(() => {
         this.show = true;
         this.$nextTick(() => {

src/components/editEl/editEl1.vue

@@ -23,7 +23,7 @@
         <br v-if="(k+1)%4===0"/>
       </template>
       <div class="item">
-        <div style="width:100%;height:100%;" @click="data.list.push({title:'请输入',value:'请输入'})">
+        <div style="width:100%;height:100%;" @click="data.list.push({title:'请输入',value:'请输入', icon: ''})">
           <i class="el-icon-circle-plus" style="font-size: 3vw; line-height: 16.7vw"></i>
         </div>
       </div>

src/components/editEl/editEl10.vue

@@ -20,7 +20,7 @@
       </template>
       <div class="item">
         <div style="width:100%;height:100%;"
-             @click="data.list.push({title:'请输入',value:'请输入'})">
+             @click="data.list.push({title:'请输入',value:'请输入', icon: ''})">
           <i class="el-icon-circle-plus" style="font-size: 3vw; line-height: 16.7vw"></i>
         </div>
       </div>

src/components/editEl/editEl3.vue

@@ -20,7 +20,7 @@
         <div class="itemInfo" contenteditable="true" @blur="edit1('itemInfo', k,$event)">{{ i.itemInfo }}</div>
       </div>
       <div class="item" style="vertical-align: top">
-        <div style="width:100%;height:100%;" @click="data.list.push({itemTitle:'请输入',itemInfo:'请输入'})">
+        <div style="width:100%;height:100%;" @click="data.list.push({itemTitle:'请输入',itemInfo:'请输入', icon: ''})">
           <i class="el-icon-circle-plus" style="font-size: 3vw; line-height: 10vw"></i>
         </div>
       </div>

src/components/editEl/editEl4.vue

@@ -15,7 +15,7 @@
           </div>
           <div class="item" v-if="data.list.length <4">
             <div style="width:100%;height:100%;text-align: center"
-                 @click="data.list.push({title:'请输入',value:'请输入'})">
+                 @click="data.list.push({title:'请输入',value:'请输入', icon: ''})">
               <i class="el-icon-circle-plus" style="font-size: 3vw; line-height: 14.8vw"></i>
             </div>
           </div>

src/components/editEl/editEl7.vue

@@ -20,7 +20,7 @@
         <div class="itemInfo" contenteditable="true" @blur="edit1('info', k,$event)">{{ i.value }}</div>
       </div>
       <div class="item">
-        <div style="width:100%;height:100%;" @click="data.list.push({title:'请输入',value:'请输入'})">
+        <div style="width:100%;height:100%;" @click="data.list.push({title:'请输入',value:'请输入', icon: ''})">
           <i class="el-icon-circle-plus" style="font-size: 3vw; line-height: 13.3vw"></i>
         </div>
       </div>

src/components/editEl/editEl8.vue

@@ -44,7 +44,7 @@
                   </div>
                   <div class="infos" style="text-align: center" v-if="i.infos.length < 7">
                     <div style="width:100%;height:100%;"
-                         @click="data.list[k].infos.push({title:'请输入',info:'请输入'})">
+                         @click="data.list[k].infos.push({title:'请输入',info:'请输入', icon: ''})">
                       <i class="el-icon-circle-plus" style="font-size: 1vw; line-height: 2.9vw"></i>
                     </div>
                   </div>
@@ -81,7 +81,7 @@ export default {
         this.$props.data.list.splice(parseFloat(e), 1);
       }
       if (action === 'add') {
-        this.$props.data.list.push({title: '请输入', leftTitle: '请输入', leftInfo: '请输入', infos: []})
+        this.$props.data.list.push({title: '请输入', leftTitle: '请输入', leftInfo: '请输入', infos: [], icon: ''})
       }
     },
     edit(key, e) {

src/components/editEl/editEl9.vue

@@ -23,7 +23,7 @@
         </div>
       </div>
       <div class="item">
-        <div style="width:100%;height:100%;" @click="data.list.push({value:'请输入'})">
+        <div style="width:100%;height:100%;" @click="data.list.push({value:'请输入', icon: ''})">
           <i class="el-icon-circle-plus" style="font-size: 3vw; line-height: 16.7vw"></i>
         </div>
       </div>

src/router/index.js

@@ -20,6 +20,9 @@ export default new Router({
         {
           path: 'test', component: () => import('@/views/page/index.vue'),
         },
+          {
+            path: 'index', component: () => import('@/views/index/index.vue'),
+          },
       ]
       // children: [
       //   {

src/views/pageEditor/index.vue

@@ -757,11 +757,10 @@ export default {
       })
     },
     addItem(e) {
-      this.components.push({
+      this.components.push(JSON.parse(JSON.stringify({
         type: e,
         value: this.componentsM.find(v => v.type === e)?.value,
-      })
-      console.log(this.components)
+      })))
       this.addEl = false
     }
   }