vue数据放入模板Excel中
时间: 2024-03-26 13:40:02 浏览: 13
你可以使用以下步骤将 Vue 数据导出为 Excel 模板:
1. 安装依赖:`npm install -s file-saver xlsx`
2. 在 Vue 组件中引入依赖:
```javascript
import { saveAs } from 'file-saver';
import XLSX from 'xlsx';
```
3. 创建 Excel 模板:
```javascript
const worksheet = XLSX.utils.json_to_sheet([
{ name: 'John Doe', age: 30 },
{ name: 'Jane Doe', age: 25 },
]);
const workbook = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
const excelBuffer = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });
const file = new Blob([excelBuffer], {type: 'application/octet-stream'});
```
4. 将 Excel 模板保存到本地:
```javascript
saveAs(file, 'example.xlsx');
```
在上述代码中,`XLSX.utils.json_to_sheet` 函数可以将 JSON 数据转换为 Excel 工作表,`XLSX.utils.book_new` 函数可以创建一个新的 Excel 工作簿,`XLSX.utils.book_append_sheet` 函数可以将工作表添加到工作簿中,`XLSX.write` 函数可以将工作簿转换为二进制数组,`Blob` 函数可以将二进制数组转换为文件对象,`saveAs` 函数可以将文件保存到本地。
你可以根据自己的需求修改数据和文件名。希望这个方法对你有所帮助!