---

前言

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

---

一、Excel導出出現中英文情況。

明明設置了中文表頭，為啥還會出現這種情況呢？

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

二、解決方案

數據處理

把我們的選擇的數據進行中文轉換。

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

從上面處理成下面

這樣表頭就只會出現中文了。

三、效果展示

這樣就導出的是中文了。

總結

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