优化

src/views/product/add_shop.vue

@@ -56,7 +56,7 @@
                     <el-table-column label="商品信息">
                         <template v-slot="scope">
                             <div class="shop_list">
-                                <div class="item" v-for="item in scope.row.goods" :key="item.id">
+                                <div class="item" v-for="(item, index) in scope.row.goods" :key="item.id">
                                     <span class="dot"></span>
                                     <div class="name">
                                         <div class="t">{{ item.name }}</div>
@@ -64,7 +64,8 @@
                                         <el-input-number v-model="item.groupNum" :step="1" step-strictly :min="1"
                                             size="mini" v-else></el-input-number>
                                     </div>
-                                    <i class="del el-icon-delete"></i>
+                                    <i class="del el-icon-delete"
+                                        @click="delGoods(scope.row.goods, index, scope.$index)"></i>
                                 </div>
                             </div>
                         </template>
@@ -400,6 +401,13 @@ export default {
         }
     },
     methods: {
+        // 删除分组商品
+        delGoods(goods, index, $index) {
+            goods.splice(index, 1)
+            if (!goods.length) {
+                this.form.groupSnap.splice($index, 1)
+            }
+        },
         // 修改商家区域
         areaChange(key) {
             if (this.form[key] == 1) {