---

前言

在前端項目中實現(xiàn)Excel導出功能時，數(shù)據(jù)導出excel是常見的業(yè)務(wù)需求。但excel導出完表頭同時包含了中文和英文的bug，下面是我的經(jīng)驗分享，應(yīng)該可以幫助到你。

---

一、Excel導出出現(xiàn)中英文情況。

明明設(shè)置了中文表頭，為啥還會出現(xiàn)這種情況呢？

問題所在，我們看到我的表頭同時包含了中文英文，所以會導致同時出現(xiàn)。

二、解決方案

數(shù)據(jù)處理

把我們的選擇的數(shù)據(jù)進行中文轉(zhuǎn)換。

const exportExcel = () => {console.log(selectRows);const res = selectRows.map((item): IExportExcel => {return {賬單號: item.accountNo,繳費狀態(tài): item.status === "1" ? "已繳費" : "未繳費",房屋號: item.roomNo,車位號: item.carNo,手機號: item.tel,"物業(yè)費(年)": item.costName1,車位費: item.costName2,房屋租金: item.costName3,開始時間: item.startDate,結(jié)束時間: item.endDate,優(yōu)惠金額: item.preferential,合計應(yīng)收金額: item.money,支付方式: item.pay,};});console.log(res);_exportExcel<IExportExcel>(res, header);};

從上面處理成下面

這樣表頭就只會出現(xiàn)中文了。

三、效果展示

這樣就導出的是中文了。

總結(jié)

以上就是Excel導出出現(xiàn)的中英文表頭解決方案，只是經(jīng)驗分享，如果有小伙伴遇到同樣的情況，可以不妨試一試。感謝支持！！！