Vue3 + antDesign3.x 汉化 中文(解决日期混合中英文模式

发布时间 2023-11-17 17:39:11作者: Felix_Openmind

依赖项版本

		"ant-design-vue": "^3.2.20",
		"dayjs": "^1.11.10",
		"vue": "^3.0.5",

依赖处理

main.js中

import { createApp } from 'vue'
import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
import App from './App.vue'
import router from './router'
import store from './store'
import './styles/main.scss'
import Directives from './directives'
import dayjs from 'dayjs';
import 'dayjs/locale/zh-cn';
dayjs.locale('zh-cn');

const app = createApp(App)

app.use(Directives)
app.use(Antd)
app.use(store)
app.use(router)

router.isReady().then(() => app.mount('#app'))

App.vue中

<template>
	<a-config-provider  :locale="zhCN">
		<router-view></router-view>
	</a-config-provider>
</template>

<script>
import zhCN from 'ant-design-vue/es/locale/zh_CN';
</script>