Vue--将页面中数据导出excel文件（导出table表格数据）

最新推荐文章于 2024-06-06 10:02:08 发布

菜搬砖

最新推荐文章于 2024-06-06 10:02:08 发布

阅读量1.8w

点赞数 9

分类专栏： Vue 文章标签： Vue Table Excel

本文链接：https://blog.csdn.net/sisi_chen/article/details/82754240

版权

这篇博客详细介绍了如何使用Vue将页面中的表格数据导出为Excel文件。主要包括安装相关依赖、创建并引入Blob.js和export2Excel.js、修改webpack配置以及在Vue组件中添加下载事件触发导出功能。

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

一、安装三个依赖项

$ npm install -S file-saver
$ npm install -S xlsx
$ npm install -D script-loader

二、在项目中新建一个文件夹（一般在src下新建，文件名自取，在这里命名为excel），在文件夹中放入Blob.js 和 export2Excel.js （这两个文件可在gitup上进行下载）

Blob.js ，export2Excel.js下载地址：https://pan.baidu.com/s/1bzLCiRFvPy2S1FAnNzJsBA 密码：kqfq

三、在build文件夹下找到webpack.base.conf.js做如下修改

resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
      'scss_vars': '@/styles/vars.scss',
      'excel': path.resolve(__dirname, '../src/excel

最低0.47元/天解锁文章

菜搬砖

关注

9
点赞
踩
53

收藏

觉得还不错? 一键收藏
29
评论
Vue--将页面中数据导出excel文件（导出table表格数据）

一、安装三个依赖项$ npm install -S file-saver$ npm install -S xlsx$ npm install -D script-loader二、在项目中新建一个文件夹（一般在src下新建，文件名自取，在这里命名为excel），在文件夹中放入Blob.js 和 export2Excel.js （这两个文件可在gitup上进行下载）Blob.js ...
复制链接

扫一扫