vueexcel文件解析后的数据导出
在Vue中使用vue-excel-export插件可以将Excel文件解析后的数据导出。以下是一个简单的示例:
- 安装vue-excel-export插件
npm install vue-excel-export --save
- 在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>
- 在Excel文件解析成功后将数据赋值给
excelData,然后点击“导出Excel”按钮即可将数据导出为Excel文件
原文地址: https://www.cveoy.top/t/topic/hb0Y 著作权归作者所有。请勿转载和采集!