ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

国际化配置(ant-design-vue设置成中文)

2026/9/30 17:31:41 拓冰建站 浏览量
国际化配置(ant-design-vue设置成中文)

vue3 + ts + ant-design-vue

引用ant-design-vue的组件时,默认是英文的。

官网说明:https://www.antdv.com/components/date-picker-cn

 

我用的全局设置。在项目的App.vue文件里引入ant-design-vue自带的zh_CN,用a-config-provider 将RouterView包裹起来。但是我发现设置了全局,在使用日期选择框时还是英文,所以需要引入更多。

import zhCN from "ant-design-vue/es/locale/zh_CN";

import dayjs from "dayjs";

import "dayjs/locale/zh-cn";

dayjs.locale("zh-cn");

<a-config-provider :locale="zhCN">

        //页面内容

</a-config-provider>

 

改前-英文:

改后-中文: