vue2使用xlsx-style

Vue.js是一种流行的JavaScript框架，用于构建用户界面。xlsx-style是一个用于处理Excel文件的库，可以在Vue.js中使用。

要在Vue.js中使用xlsx-style，首先需要安装xlsx-style库。可以通过npm或yarn来安装：

npm install xlsx-style

或者

yarn add xlsx-style

安装完成后，可以在Vue组件中引入xlsx-style库：

import XLSX from 'xlsx-style'

接下来，可以使用XLSX对象来读取和写入Excel文件。以下是一个简单的示例：

export default {
  data() {
    return {
      workbook: null
    }
  },
  methods: {
    handleFileChange(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' })
        this.workbook = workbook
      }

      reader.readAsArrayBuffer(file)
    },
    exportExcel() {
      const worksheet = this.workbook.Sheets['Sheet1']
      const excelData = XLSX.utils.sheet_to_json(worksheet, { header: 1 })
      
      // 处理Excel数据
      
      const newWorkbook = XLSX.utils.book_new()
      const newWorksheet = XLSX.utils.aoa_to_sheet(excelData)
      XLSX.utils.book_append_sheet(newWorkbook, newWorksheet, 'Sheet1')
      
      XLSX.writeFile(newWorkbook, 'output.xlsx')
    }
  }
}

在上面的示例中，handleFileChange方法用于读取Excel文件，exportExcel方法用于导出Excel文件。你可以根据需要进行修改和扩展。