在Vue中使用vue-excel-export插件可以将Excel文件解析后的数据导出。以下是一个简单的示例:

  1. 安装vue-excel-export插件
npm install vue-excel-export --save
  1. 在Vue组件中引入并使用vue-excel-export
<template>
  <div>
    <button @click="exportExcel">导出Excel</button>
  </div>
</template>

<script>
import VueExcelExport from 'vue-excel-export'

export default {
  components: {
    VueExcelExport
  },
  data() {
    return {
      // 解析后的Excel数据
      excelData: []
    }
  },
  methods: {
    // 导出Excel
    exportExcel() {
      // 设置表格头
      const header = ['姓名', '年龄', '性别']
      // 设置表格数据
      const data = this.excelData.map(item => [item.name, item.age, item.gender])
      // 导出Excel
      this.$refs.export.exportExcel(header, data, 'sheet1', 'excel.xlsx')
    }
  }
}
</script>
  1. 在Excel文件解析成功后将数据赋值给excelData,然后点击“导出Excel”按钮即可将数据导出为Excel文件
vueexcel文件解析后的数据导出

原文地址: https://www.cveoy.top/t/topic/hb0Y 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录