前端常用方法之导出excel表格

1 安装依赖

npm install -S file-saver xlsx（这里其实安装了2个依赖）

npm install -D script-loade

2 下载js依赖包

excel/Export2Excel
提取码: w33n

3 html代码：

  <el-button type="primary"  @click="export2Excel()">导出Excel</el-button>

4 js方法代码：

methods:{
     export2Excel () {
        require.ensure([], () => {
          const { export_json_to_excel } = require('../../../excel/Export2Excel')
            // 设置Excel的表格第一行的标题
            const tHeader = ['表名', '中文名', '表的描述']
            // 需要提取的字段
            const filterVal = ['tableName','tableNameCn','tableDesc'];  

            // 把data里的tableData存到list this.tableData是表格数据
            const list = this.tableData
            // 将list的某些字段数据提取出来的方法
            const data = this.formatJson(filterVal, list);

            // 获取时间戳给文件命名
            const fileDate = new Date().getTime()
            // 导出Excel           表头   导出的数据    文件名
            export_json_to_excel(tHeader, data, '标签表' + fileDate)
            // console.log(tHeader,list,fileDate);

        })
      },
      // 将某些字段数据提取出来的方法
      formatJson(filterVal, jsonData) {
        return jsonData.map(v => filterVal.map(j => v[j]))
      },
 }