Vue将页面导出为Excel（jquery.table2Excel.js在Vue中的运用）

项目中有许多报表之类的统计 涉及表格跨行跨列较多故无法使用xlsx导出（因为需要一行一行处理跨行跨列），所以在Vue中整合了 jquery插件table2excel.js ，并且修改了部分源码支持自定义文件名、自定义sheet工作表名称、表格自动添加边框。

效果图:

1. 首先需要在Vue中引入jquery

npm install jquery

2.将下载好的table2excel放到项目中 比如我们用的antd脚手架直接放到util下(下载链接在文末) 

3.修改table2excel源码，在第一行引入Vue中的jquery （最新文件已设置完毕，可忽略）

import jQuery from 'jquery'

4.在项目入口main.js中引入

import './utils/table2excel' // global table2excel

5.在需要的页面中按需引入jquery，直接使用方法即可

比如，在demo.vue中使用table2excel:

1.引入jquery

import $ from 'jquery'

2.table中加入id

3.在methods方法中使用

methods: {
   
    exportExcel() {
      $("#aTable").table2excel({
         exclude: ".noExl",
         sheetName: "八项数据管控",
         filename: "八项数据管控",
         exclude_img: true,
         exclude_links: true,
         exclude_inputs: true
      });
    }
  }

table2excel下载链接: 
https://annong.lanzoub.com/iDU8jnarhah

ps: csdn上也有但是下载要钱(无力吐槽) 所以还是去云下去吧....