vue3 ts 页面打开base64 excel

您好！要在Vue3 TypeScript页面中打开Base64格式的Excel文件，您可以使用以下步骤：

1. 在Vue3项目中安装file-saver和xlsx依赖：

npm install file-saver xlsx --save

2. 在需要打开Excel文件的组件中引入file-saver和xlsx：

import { saveAs } from 'file-saver';
import XLSX from 'xlsx';

3. 创建一个方法，将Base64格式的Excel文件转换为Blob对象，并使用file-saver保存文件：

openExcel(base64String: string, fileName: string) {
  const byteCharacters = atob(base64String);
  const byteNumbers = new Array(byteCharacters.length);
  for (let i = 0; i < byteCharacters.length; i++) {
    byteNumbers[i] = byteCharacters.charCodeAt(i);
  }
  const byteArray = new Uint8Array(byteNumbers);
  const blob = new Blob([byteArray], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
  saveAs(blob, fileName);
}

4. 在组件中调用openExcel方法并传入Base64格式的Excel文件和文件名：

const base64String = 'your-base64-string';
const fileName = 'example.xlsx';
this.openExcel(base64String, fileName);

这样就可以在Vue3 TypeScript页面中打开Base64格式的Excel文件了。