vue3 ts页面浏览base64 excel

您好，您可以使用以下步骤来实现在Vue3 TypeScript页面中浏览Base64 Excel：

1. 首先，您需要将Base64编码的Excel数据转换为文件对象。您可以使用以下代码将Base64编码的数据转换为Blob对象：

const bstr = atob(base64Data);
let n = bstr.length;
const u8arr = new Uint8Array(n);

while (n--) {
  u8arr[n] = bstr.charCodeAt(n);
}

const file = new File([u8arr], fileName, { type: "application/vnd.ms-excel" });

其中，base64Data是您的Base64编码的数据，fileName是您的文件名。

2. 接下来，您可以使用`URL.createObjectURL()`方法将文件对象转换为URL：

const fileUrl = URL.createObjectURL(file);

3. 然后，您可以在Vue3 TypeScript页面中使用`<a>`标签来创建一个链接，以便用户可以点击并下载文件：

<template>
  <div>
    <a :href="fileUrl" download="test.xlsx">Download Excel</a>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';

export default defineComponent({
  data() {
    return {
      fileUrl: ''
    };
  },
  methods: {
    handleClick() {
      const base64Data = 'your base64 data';
      const fileName = 'test.xlsx';
      const bstr = atob(base64Data);
      let n = bstr.length;
      const u8arr = new Uint8Array(n);

      while (n--) {
        u8arr[n] = bstr.charCodeAt(n);
      }

      const file = new File([u8arr], fileName, { type: "application/vnd.ms-excel" });
      this.fileUrl = URL.createObjectURL(file);
    }
  }
});
</script>

在上面的代码中，我们使用`data`选项来定义`fileUrl`变量，然后在`handleClick`方法中将Base64编码的Excel数据转换为文件对象，并使用`URL.createObjectURL()`方法将其转换为URL。最后，我们将URL绑定到`<a>`标签的`href`属性上，以便用户可以点击下载文件。

希望这可以帮助到您！