先放资源
所需插件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那个插件,有的写了文章就是没有把文件放出来,甚至有的还收费下载,真是感到龌心,太晚了睡觉了)