使用vue写一个导出excel
时间: 2023-05-13 17:04:53 浏览: 80
详解如何在Vue项目中导出Excel
5星 · 资源好评率100%
非常感谢您的提问!以下是使用 Vue 导出 Excel 的示例代码:
<template>
<div>
<button @click="exportExcel">导出 Excel</button>
</div>
</template>
<script>
import XLSX from 'xlsx'
export default {
methods: {
exportExcel() {
const data = [
['姓名', '年龄', '性别'],
['张三', 18, '男'],
['李四', 20, '女'],
['王五', 22, '男']
]
const ws = XLSX.utils.aoa_to_sheet(data)
const wb = XLSX.utils.book_new()
XLSX.utils.book_append_sheet(wb, ws, 'Sheet1')
XLSX.writeFile(wb, 'example.xlsx')
}
}
}
</script>
请注意,此示例代码需要安装 XLSX 库。您可以使用以下命令进行安装:
npm install xlsx --save
希望这个示例代码能够帮助您实现导出 Excel 的功能。如果您有任何其他问题,请随时提问!
阅读全文