新增轮播图bug

src/App.vue

@@ -9,7 +9,7 @@
 <template>
    <a-config-provider :locale="locale">
         <div id="app">
-            <router-view></router-view>
+            <router-view v-if="isRouterAlive"></router-view>
         </div>
     </a-config-provider>
 </template>
@@ -18,11 +18,25 @@
 import zhCN from "ant-design-vue/lib/locale-provider/zh_CN";
 export default {
 	name: 'App',
+	provide () {
+		return {
+			reload: this.reload
+		}
+	},
 	data() {
 		return {
-			locale: zhCN
+			locale: zhCN,
+			isRouterAlive: true
 		};
 	},
+	methods: {
+		reload () {
+			this.isRouterAlive = false
+			this.$nextTick(() => {
+				this.isRouterAlive = true
+			})
+		}
+	}
 }
 </script>
 

src/views/Operation/clientSet/index.vue

@@ -14,16 +14,16 @@
     >
       <span class="card-close" @click="del(item.id)">×</span>
       <a-row>
-        <a-col :span="9" style="display:flex;justify-content: center">
+        <a-col :span="9">
           <img
             :src="$ImgUrl(item.imgList[0].url)"
             v-if="item.imgList.length > 0"
             class="list-img"
             alt=""
           />
-          <div v-else style="align-self:center">暂无图片</div>
+          <div v-else>暂无图片</div>
         </a-col>
-        <a-col :span="11">
+        <a-col :span="12">
           <a-descriptions layout="vertical" :column="1">
             <a-descriptions-item label="链接设置">
               {{ item.customizeUrl }}
@@ -36,7 +36,7 @@
             </a-descriptions-item>
           </a-descriptions>
         </a-col>
-        <a-col :span="4">
+        <a-col :span="3">
           <a-button class="add-btn" @click="edit(item)">修改设置</a-button>
         </a-col>
       </a-row>
@@ -135,6 +135,7 @@ export default {
 	components: {
 		chooseTable,
 	},
+	inject: ["reload"],
 	data() {
 		return {
 			table: {
@@ -172,6 +173,7 @@ export default {
 					this.$message.success(res.msg);
 					this.newSwiperClose();
 					this.getData();
+					this.reload();
 				} else {
 					this.$message.error(res.msg);
 				}

src/views/Shop/SwiperManage/index.vue

@@ -81,6 +81,7 @@ export default {
 	},
 	data() {
 		return {
+			inject: ["reload"],
 			table: {
 				show: false,
 			},
@@ -161,6 +162,7 @@ export default {
 				if (res.code === 200) {
 					this.$message.success(res.msg);
 					this.getData();
+					this.reload();
 					this.newSwiperClose();
 				} else {
 					this.$message.error(res.msg);