excel导出

前端~小小码农

于 2023-03-16 15:07:51 发布

阅读量106

点赞数

文章标签： excel javascript 前端 vue.js

本文链接：https://blog.csdn.net/m0_50499376/article/details/129587489

版权

// 列标题，逗号隔开，每一个逗号就是隔开一个单元格
        let str = `指标名称,指标描述,对应大屏,对应面板,填报部门,更新周期,要求更新时间,最新更新时间,要求帐期时间,最新帐期时间,状态\n`
        // 增加\t为了不让表格显示科学计数法或者其他格式
        for (let i = 0; i < jsonData.length; i++) {
          for (const key in jsonData[i]) {
            str += `${jsonData[i][key] + '\t'},`
          }
          str += '\n'
        }
        // encodeURIComponent解决中文乱码
        const uri =
          'data:text/xlsx;charset=utf-8,\ufeff' + encodeURIComponent(str)
        // 通过创建a标签实现
        const link = document.createElement('a')
        link.href = uri
        // 对下载的文件命名
        link.download = '数据表.xlsx'
        link.click()

放进去即可，jsonData为需要导出的数据（注意对象里的顺序，需和列表头对应）