deBug未知报错

src/views/roomBackground/roomBackground.vue

@@ -106,7 +106,7 @@
       <el-table-column prop="url" align="center" label="图片">
         <template v-slot="scope">
           <el-image
-            v-if="!scope.row.url.toLowerCase().endsWith('.svga')"
+            v-show="!scope.row.url.toLowerCase().endsWith('.svga')"
             style="width: 100px; height: 100px"
             :src="scope.row.url"
             :zoom-rate="1.1"
@@ -115,7 +115,11 @@
             preview-teleported="true"
             hide-on-click-modal="true"
           />
-          <div v-else :id="'guide' + scope.row.id" class="game-guide">
+          <div
+            v-show="scope.row.url.toLowerCase().endsWith('.svga')"
+            :id="'guide' + scope.row.id"
+            class="game-guide"
+          >
             {{ guideFn(scope.row.id, scope.row.url) }}
           </div>
         </template>
@@ -297,7 +301,7 @@
         >
           <!-- 这里是原来的图片预览 -->
           <el-image
-            v-if="!dialogObj.imageUrl2.toLowerCase().endsWith('.svga')"
+            v-show="!dialogObj.imageUrl2.toLowerCase().endsWith('.svga')"
             style="width: 100px; height: 100px"
             :src="dialogObj.imageUrl2"
             :zoom-rate="1.1"
@@ -305,7 +309,11 @@
             preview-teleported="true"
             hide-on-click-modal="true"
           />
-          <div v-else id="guide2" class="game-guide">
+          <div
+            v-show="dialogObj.imageUrl2.toLowerCase().endsWith('.svga')"
+            id="guide2"
+            class="game-guide"
+          >
             {{ guideFn2(dialogObj.imageUrl2) }}
           </div>
         </el-upload>