vue3 前端导出excel表格

最新推荐文章于 2024-07-28 22:48:50 发布

len661

最新推荐文章于 2024-07-28 22:48:50 发布

阅读量3.8k

点赞数 10

文章标签： vue javascript

本文链接：https://blog.csdn.net/m0_54804239/article/details/123866487

版权

首先下载 xlsx的依赖

npm install xlsx --s

vue3导入和vue2不一样
导入XLSX

import * as XLSX from 'xlsx'

封装js
这里我们是通过 document.getElementById(‘table’) 过去表格的所以需要在table的表格上加上 id=“table”

    deriveExcel() {
        let workbook = XLSX.utils.table_to_book(document.getElementById('table')); //需要在table上定义一个id
        try {
          XLSX.writeFile(workbook, 'BOX信息.xlsx');
          ElMessage({
            type: 'success',
            message: '导出成功!'
          });
        } catch (e) {
          ElMessage.error('导出失败,失败信息:!')
        }
      },