vue导出Excel表格全局函数（简洁明了）

最新推荐文章于 2024-07-19 10:40:17 发布

尚憨憨

最新推荐文章于 2024-07-19 10:40:17 发布

阅读量1.3k

点赞数

本文链接：https://blog.csdn.net/szh1127249432/article/details/105769037

版权

本文介绍如何在Vue项目中创建一个全局函数，用于简洁高效地导出Excel表格。通过安装xlsx和file-saver插件，编写公用js函数htmlToExcel，并在main.js中注册为全局方法，然后在各个Vue组件中方便调用。

摘要由CSDN通过智能技术生成

vue导出excel全局函数（简洁明了）

将导出到Excel功能封装成一个公用js函数，供其他vue页面复用。

1.安装Excel插件

npm install --save xlsx file-saver

2.编写公用js函数

htmlToExcel.js 代码如下：

import FileSaver from 'file-saver';
import XLSX from 'xlsx';
export default {
   
    // 导出Excel表格
    exportExcel(name, tableName) {
    //name表示生成excel的文件名     tableName表示表格的id
        var sel = XLSX.utils.table_to_book(document.querySelector(tableName))
        var selIn = XLSX