1.场景
引入antd的date-picker之后发现效果如下:
what?为啥不是中文的呢?之前用element的时候也没遇到这个呀?
细细查看官方文档发现这么一句话:
官方地址: 【国际化配置】
2. 解决办法
因为全项目不确定有多少个地方在使用这组件,所以准备在顶层vue上包裹一层 LocaleProvider组
App.vue
<template>
<div id="app">
<a-config-provider :locale="zhCN">
<router-view />
</a-config-provider>
</div>
</template>
<script>
import zhCN from "ant-design-vue/es/locale/zh_CN"; //汉化
import dayjs from "dayjs";
import "dayjs/locale/zh-cn";
dayjs.locale("zh-cn");
export default {
setup() {
return {
zhCN
};
}
};
</script>
效果如下: