1. 程式人生 > 其它 >解決antui中部分元件出現英文的情況(國際化後又出現中英文混合情況)

解決antui中部分元件出現英文的情況(國際化後又出現中英文混合情況)

我們在使用antui的部分元件的時候會發現他是英文顯示的狀態,比如在使用日期時間選擇器的時候會出現以下狀況:

很多地方顯示的都是英文,這時候我們可以再頁面中引入antui國際化來解決這個問題,具體引用方法我在這裡使用vue來進行說明,其他框架可參考:

1.在app元件中進行國際化配置:

<template>
  <a-config-provider :locale="locale">
    <router-view></router-view>
  </a-config-provider>
</template>

<script lang="ts" setup>
import {ref} from 
"vue"; import zh_CN from 'ant-design-vue/lib/locale-provider/zh_CN'; import moment from 'moment'; import 'moment/locale/zh-cn'; moment.locale('zh-cn'); const locale = ref(zh_CN); </script>

使用a-config-provider進行包裹,引入zh_CN和moment

2.引入國際化後會出現,雖然紅框中英文變成了中文,但是藍筐中也就沒有變化,變成了中英文混合的形式

3.這時候,我們可以看引入的moment。會發現我們引入的是

import 'moment/locale/zh-cn'; 改為 import 'moment/dist/locale/zh-cn'; 即可。 這樣最終結果就是