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

 

改前-英文:

改后-中文:

相关推荐

  1. Ant-Design-Vue 动态表头

    2024-02-21 20:32:01       9 阅读
  2. 什么是Ant Design Vue

    2024-02-21 20:32:01       7 阅读
  3. 设置ant-design vue表单a-input输入类型为数字

    2024-02-21 20:32:01       26 阅读
  4. Ant Design Vue 搜索下拉框

    2024-02-21 20:32:01       15 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-02-21 20:32:01       19 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-02-21 20:32:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-02-21 20:32:01       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-02-21 20:32:01       20 阅读

热门阅读

  1. 【GIT学习】仓库过大的清理办法

    2024-02-21 20:32:01       24 阅读
  2. QT day2

    QT day2

    2024-02-21 20:32:01      31 阅读
  3. linux 创建全局快捷方式

    2024-02-21 20:32:01       29 阅读
  4. gin源码实战 day2

    2024-02-21 20:32:01       25 阅读
  5. 【LeetCode-139】单词拆分(回溯&动归)

    2024-02-21 20:32:01       31 阅读
  6. vue实现滚动加载

    2024-02-21 20:32:01       30 阅读
  7. 比较两个文本文件是否相等(C语言)

    2024-02-21 20:32:01       26 阅读