在使用 Ant Design Vue 进行国际化设置时,可以通过找到App.vue文件
添加引用
import { ConfigProvider } from 'ant-design-vue';
import zhCN from 'ant-design-vue/es/locale/zh_CN';
import dayjs from 'dayjs';
import 'dayjs/locale/zh-cn';
dayjs.locale('zh-cn');//日期组件处理为中文
<ConfigProvider >中引用
<ConfigProvider :locale="zhCN"><Suspense><RouterView /></Suspense></ConfigProvider>
完整代码
<template><ConfigProvider :locale="zhCN"><Suspense><RouterView /></Suspense></ConfigProvider>
</template><script setup lang="ts">
import { ConfigProvider } from 'ant-design-vue';
import zhCN from 'ant-design-vue/es/locale/zh_CN';
import dayjs from 'dayjs';
import 'dayjs/locale/zh-cn';
dayjs.locale('zh-cn');//日期组件处理为中文
</script>
这样,整个应用的 Ant Design Vue 组件都会使用中文作为默认语言进行显示。