解決antui中部分元件出現英文的情況(國際化後又出現中英文混合情況)
阿新 • • 發佈:2022-03-02
我們在使用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。會發現我們引入的是