vue項目中,如果遇到需要前端腳步寫excel結構並且將樣式等配置完全一比一下載導出成excel文件,
就必須介紹一下這幾天用到的插件 xlsx 與 xlsx-style。
首先,自然是下載依賴:
npm install xlsx xlsx-style --save
依賴下載完之后,引入使用,這里有點小坑,假如直接使用import xlsx from “xlsx”可能出現報錯問題,

這是ES5和ES6的語法沖突引起的,既然不能用import,那就換成
const XLSX = require("xlsx");
額,xslx-style的引入也一樣出現報錯問題,
// 兩種解決方法:
// 1.找到node_modules\xlsx-style\dist\cpexcel.js 中的 815行的
var cpt = require('./cpt' + 'able')
// 更改為
var cpt = cptable
// 2. 在vue.config.js中修改配置
module.exports = {
configureWebpack: {
externals: {
'./cptable': 'var cptable'
}
}
}
處理后就可以正常使用import或者require了。
接下來就可以各種操作了,參考這位小伙伴的,寫得真的很贊!
https://www.jianshu.com/p/1f858b9cdaf3
