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

文章讲述了在Vue3项目中使用Ant-Design-Vue组件时,尽管全局设置了`zh-CN`,但日期选择框仍显示英文的问题,以及如何通过引入`dayjs/locale/zh-cn`并正确配置`<a-config-provider>`来实现中文显示。
摘要由CSDN通过智能技术生成

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>

 

改前-英文:

改后-中文:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值