實用的插件xlsx與xlsx-style


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM