色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

vue 導出excel

謝彥文2年前7瀏覽0評論

Vue是一款流行的JavaScript框架,用于構建現代Web應用程序。Vue提供了許多現成的插件和庫,以便開發人員在他們的應用程序中快速實現復雜的功能。這篇文章將介紹如何在Vue應用程序中使用ExcelJS庫來導出Excel文檔。

首先,我們需要安裝ExcelJS庫。可以通過npm進行安裝:

npm install exceljs --save

下一步是在Vue組件中導入ExcelJS:

import ExcelJS from 'exceljs';

現在我們可以編寫一些代碼來生成Excel文檔。下面這個示例將生成一個簡單的Excel文檔,其中包含一個名為"Sheet1"的工作表,該工作表包含幾列數據:

function exportToExcel() {
const workbook = new ExcelJS.Workbook();
const worksheet = workbook.addWorksheet('Sheet1');
worksheet.columns = [
{ header: '姓名', key: 'name' },
{ header: '年齡', key: 'age' },
{ header: '城市', key: 'city' }
];
worksheet.addRow({ name: '張三', age: 25, city: '北京' });
worksheet.addRow({ name: '李四', age: 30, city: '上海' });
worksheet.addRow({ name: '王五', age: 28, city: '廣州' });
workbook.xlsx.writeBuffer().then(buffer =>{
const blob = new Blob([buffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
const url = window.URL.createObjectURL(blob);
const link = document.createElement('a');
link.href = url;
link.setAttribute('download', 'example.xlsx');
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
});
}

最后一步是創建一個按鈕,并將其綁定到exportToExcel函數:

當用戶單擊按鈕時,會自動下載包含導出數據的Excel文件。