vue导出Excel表处理方案之一

先放资源

所需插件Export2Excel。js和Blob.js

链接:https://pan.baidu.com/s/1zqIpm8hR40QWSrXdTXvSrg  密码:h8gq

使用前需要安装

　　npm install -S file-saver  xlsx

　　npm install -D script-loader

完全小白做法

1.在src下新建任意目录，一般插件以vendor命名

2.将Export2Excel。js和Blob.js放进来

3.新增配置

'vendor': path.resolve(__dirname, '../src/vendor')

在build/webpack.base.conf.js里的这个位置

不然可能100%会报错，找不到到模块

4.文件代码

export default {
		data(){
			return{
				table:[{
				id:1,
				name:'侧四1'
			},
			{
				id:2,
				name:'测试2'
			},
			{
				id:2,
				name:'测试2'
			}]
			}
			
		},
		methods:{
			handleDownload() {
        this.downloadLoading = true
        require.ensure([], () => {
          const { export_json_to_excel } = require('../../vendor/Export2Excel')
          const tHeader = ['ID', '姓名']
          const filterVal = ['id', 'name']
          const list = this.table
          const data = this.formatJson(filterVal, list)
          export_json_to_excel(tHeader, data, '列表excel')
          this.downloadLoading = false
        })
      },
      formatJson(filterVal, jsonData) {
        return jsonData.map(v => filterVal.map(j => v[j]))
      }
		}
	}

到此结束

感悟（看了好多博客，其实找到的也不多，很多都是jq那个插件，有的写了文章就是没有把文件放出来，甚至有的还收费下载，真是感到龌心，太晚了睡觉了）