网站做城市地图,丹东seo营销,有网网页无法访问是怎么回事,ppt设计报价你可以通过下面的步骤使用Vue导出Excel表格#xff1a;
安装依赖 安装两个依赖包#xff1a;
npm install --save xlsx file-saver创建Excel导出方法
//导出 Excel
exportExcel() {// 表格数据let data this.tableData;// 转化为工作簿对象const workbook XLSX.utils.bo…你可以通过下面的步骤使用Vue导出Excel表格
安装依赖 安装两个依赖包
npm install --save xlsx file-saver创建Excel导出方法
//导出 Excel
exportExcel() {// 表格数据let data this.tableData;// 转化为工作簿对象const workbook XLSX.utils.book_new();// 表头const header [姓名,年龄,性别,];// 表头对应的键名const keys [name,age,gender,];// 表格数据处理const arr [];data.forEach(item {const obj {};keys.forEach(key {obj[key] item[key];});arr.push(obj);});// 创建工作表const worksheet XLSX.utils.json_to_sheet(arr, { header });// 将工作表添加到工作簿XLSX.utils.book_append_sheet(workbook, worksheet, Sheet1);// 导出 ExcelXLSX.writeFile(workbook, table.xlsx);
}创建导出Excel的按钮
templatedivtabletheadtrth姓名/thth年龄/thth性别/th/tr/theadtbodytr v-for(item, index) in tableData :keyindextd{{item.name}}/tdtd{{item.age}}/tdtd{{item.gender}}/td/tr/tbody/tablebutton clickexportExcel导出 Excel/button/div
/template现在你就可以导出Excel表格了。
