Advertisement

Element UI Table export data to Excel

阅读量:

最近收到了一个需求:将前端展示的数据导出为Excel文件。起初我以为这是一项相对简单的功能,在网上提供的解决方案一看就能找到。但结果耗时整整一个上午的时间才完成。详细记录了我的整个困扰过程。

基于Vue 2.0与Element UI的架构设计中实现数据导出功能

我从GitHub上获取了文章所需的两个依赖项,并随后导入到HTML环境中。然而,在尝试使用FileSaver.js时遇到了问题——该对象的方法无法使用。经过一番探索后发现可能的原因是该对象尚未初始化或配置文件存在问题(如缺少必要的配置项或路径错误)。尽管仅找到一篇相关讨论提到类似问题(但未提供解决方案),仍觉得困惑不解。(希望有关此问题的更多信息或专家指导能有所帮助!)

我再次开始探寻其他解决方案,在不依赖FileSaver.js的情况下寻求帮助。经过一番反复尝试后发现:上帝保佑有心人!最终得偿所愿地在一篇关于js-xlsx的文章中找到了有用的下载方法:js-xlsx 介绍。该文章提供了一种下载文件的具体途径:

复制代码
        // 打开下载框
        openDownloadDialog(url, saveName) {
            if (typeof url == 'object' &

全部评论 (0)

还没有任何评论哟~