首先安装
npm i file-saver -S
npm i xlsx -S


<button @click='downTable'>下载表格</button>
<el-table id="my-table">
	
</el-table>

downTable(){
     var xlsxParam = { raw: true };
        var wb = XLSX.utils.table_to_book(document.querySelector('#my-table'), xlsxParam);
         var wbout = XLSX.write(wb, {
            bookType: "xlsx",
            bookSST: true,
            type: "array"
        });
          try {
            FileSaver.saveAs(
            //Blob 对象表示一个不可变、原始数据的类文件对象。
            //Blob 表示的不一定是JavaScript原生格式的数据。
            //File 接口基于Blob,继承了 blob 的功能并将其扩展使其支持用户系统上的文件。
            //返回一个新创建的 Blob 对象,其内容由参数中给定的数组串联组成。
            new Blob([wbout], { type: "application/octet-stream" }),
            //设置导出文件名称
            "订单.xlsx"
            );
        } catch (e) {
            if (typeof console !== "undefined") console.log(e, wbout);
        }
        return wbout;
}
Logo

前往低代码交流专区

更多推荐