修改 xls文件无法预览问题

src/components/PreviewFile/index.vue

@@ -1,13 +1,11 @@
 <template>
     <div style="overflow: auto; height: 100vh">
         <vue-office-docx v-if="url.includes('.doc') || url.includes('.docx')" :src="url" />
-        <vue-office-excel v-if="url.includes('.xls') || url.includes('.xlsx')" :src="url" />
+        <vue-office-excel v-if="url.includes('.xls') || url.includes('.xlsx')" :src="url" :options="excelOptions" />
         <!-- <vue-office-pdf v-if="url.includes('.pdf')" :src="url" /> -->
         <iframe v-if="url.includes('.pdf')" :src="url" style="width: 100%; height: 99%"></iframe>
-        <img
-            v-if="url.includes('.png') || url.includes('.jpg') || url.includes('.gif') || url.includes('.bmp')"
-            :src="url"
-        />
+        <img v-if="url.includes('.png') || url.includes('.jpg') || url.includes('.gif') || url.includes('.bmp')"
+            :src="url" />
     </div>
 </template>
 <script lang="ts" setup>
@@ -22,8 +20,11 @@ import VueOfficeExcel from '@vue-office/excel'
 import VueOfficePdf from '@vue-office/pdf'
 const { push, options, currentRoute } = useRouter()
 // const url = 'http://192.168.1.22:9009/excelreport' + currentRoute.value.href?.split('?')[1]
-const url = '/api-docx/excelreport' + currentRoute.value?.href?.split('?')[1]
 
+const url = '/api-docx/excelreport' + currentRoute.value?.href?.split('?')[1]
+const excelOptions = ref({
+    xls: currentRoute.value.href?.split('?')[1].split('.')[1] == 'xls' ? true : false
+})
 onMounted(() => {
     console.log()
 })