100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > ant-design-vue日期组件默认是英文解决办法

ant-design-vue日期组件默认是英文解决办法

时间:2023-08-21 20:34:02

相关推荐

ant-design-vue日期组件默认是英文解决办法

第一步

npm i moment

第二步

App.vue文件中添加

<template><a-config-provider :locale="locale"><router-view /></a-config-provider></template><script setup lang="ts">import zhCN from 'ant-design-vue/es/locale/zh_CN'import enUS from 'ant-design-vue/es/locale/en_US'import viVN from 'ant-design-vue/es/locale/vi_VN'import dayjs from 'dayjs'import 'dayjs/locale/zh-cn'import 'dayjs/locale/vi'import { ref, onMounted } from 'vue'dayjs.locale('zhCN')onMounted(() => {getLocal()})const locale = ref<any>()const getLocal = () => {let local = localStorage.getItem('kiwi-lang')switch (local) {case 'zh-CN':locale.value = zhCNdayjs.locale('zh-CN')breakcase 'en-US':locale.value = enUSdayjs.locale('en')breakcase 'vi':locale.value = viVNdayjs.locale('vi')break}}</script><style scoped></style>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。