// 安装
npm install --save xlsx file-saver
// 组件里引入
import FileSaver from 'file-saver'
import XLSX from 'xlsx'
// 方法
mydncxd(){
let table = document.getElementById("mydncxd");
let worksheet = XLSX.utils.table_to_sheet(table);
let workbook = XLSX.utils.book_new();
let wscols = [ // 每列不同宽度px
{ wch: 20 },
{ wch: 50 },
{ wch: 20 },
{ wch: 50 },
];
// workbook.SheetNames[0]获取到到是文件里的到第一个表格
worksheet["!cols"] = wscols;
let wsrows = [{ hpx: 20 }]; // 每行固定高度px
for (let i = 0; i <= this.total; i++) { // total 列表条数
wsrows.push({ hpx: 20 });
}
worksheet["!rows"] = wsrows;
XLSX.utils.book_append_sheet(workbook, worksheet, "sheet");
try {
XLSX.writeFile(workbook, '电脑咨询单.xlsx'); // time_date 所选日期
} catch (e) {
console.log(e, workbook);
}
},
vue+element 导出表格并设置表格宽度
猜你喜欢
转载自blog.csdn.net/weixin_41542329/article/details/130945455
今日推荐
周排行