Vue 如何导出表格

首先

安装两个依赖

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

下载两个JS文件

然后在vue.config.js中，配置路径

路径一定要对，不然找不到配置文件，项目会报错

在这里插入代码片

    exportBtn() {
      require.ensure([], () => {
        const { export_json_to_excel } = require('vendor/Export2Excel')
        const tHeader =
        ['姓名', '入职时间', '手机号', '身份证号',

          '学历', '一级部门', '二级部门', '工作城市'

        ]
        const filterVal =
         ['username', 'timeOfEntry', 'mobile', 'idNumber',

           'theHighestDegreeOfEducation', 'firstLevelDepartment', 'twoLevelDepartment', 'workingCity'

         ]
        const list = this.tubiaoData
        const data = this.formatJson(filterVal, list)
        export_json_to_excel(tHeader, data, '社保报表')
      })
    },
    formatJson(filterVal, jsonData) {
      return jsonData.map(v => filterVal.map(j => v[j]))
    }

事件源调用