vue使用xlsx插件预览excel

要在 Vue 中预览 Excel 文件，可以使用 xlsx 插件。首先，需要安装 xlsx：

npm install xlsx --save

然后，在组件的 `script` 标签中引入 xlsx：

import XLSX from 'xlsx';

接下来，在组件中定义一个方法来处理文件上传：

methods: {
  handleFileUpload(event) {
    const file = event.target.files[0];
    const reader = new FileReader();
    reader.onload = (e) => {
      const data = new Uint8Array(e.target.result);
      const workbook = XLSX.read(data, { type: 'array' });
      const sheetName = workbook.SheetNames[0];
      const worksheet = workbook.Sheets[sheetName];
      const json = XLSX.utils.sheet_to_json(worksheet);
      // 处理解析后的数据
    };
    reader.readAsArrayBuffer(file);
  }
}

上述代码中，`handleFileUpload` 方法接收上传的文件，并使用 `FileReader` 对象读取文件内容。然后，使用 `XLSX.read` 方法解析文件内容，并将解析后的数据转换成 JSON 格式。最后，可以对解析后的数据进行处理。

在模板中，可以使用 `input` 标签来实现文件上传：

<template>
  <div>
    <input type="file" @change="handleFileUpload">
  </div>
</template>

这样，就可以在 Vue 中预览 Excel 文件了。