先放資源

所需外掛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那個外掛，有的寫了文章就是沒有把檔案放出來，甚至有的還收費下載，真是感到齷心，太晚了睡覺了）