ARTICLE DETAIL

资讯详情

深耕网站建设、视觉设计与SEO优化的一线实战洞察。

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

国际化配置(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>

 

改前-英文:

改后-中文:

返回列表