文檔:https://github.com/yangJinRui325/vue-json-excel
https://www.npmjs.com/package/vue-json-excel
今天用vue-json-excel這個插件遇到兩個問題
1.導出數字字符串轉為科學計數法問題,於是,百度搜索答案:
網上找了一些解決方法:
解決后如圖:
2.導出文件默認是xls格式,貌似改不了xlsx格式?直接在文件名稱后綴加“.xlsx”,金山辦公軟件打開是正常的,微軟的辦公軟件打不開,所以最好是不要改格式
文件名弄成動態的:默認是name="導出文件名.xls"
<downloadexcel class = "export-btn" :fetch = "fetchData" :fields = "json_fields" :before-generate = "startDownload" :before-finish = "finishDownload" :name = filename> <a-button size="large" type="primary" :loading="initExportLoading" :disabled="initExportLoading" >導出</a-button> </downloadexcel>
export default { data() { return { filename:"導出表格",//導出的文件名稱 } } };
可以給導出的表格加樣式,本人試了一下字體加紅色樣式,是可以
效果圖: