---

前言

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

---

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

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

問(wèn)題所在，我們看到我的表頭同時(shí)包含了中文英文，所以會(huì)導(dǎo)致同時(shí)出現(xiàn)。

二、解決方案

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

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

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

從上面處理成下面

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

三、效果展示

這樣就導(dǎo)出的是中文了。

總結(jié)

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