ant vue 设置中文_Ant Design Pro Vue 全局国际化-设置中文

我是vue-antd-pro 3.0版本，设置全局国际化包括日期控件，话不多说直接上手操作：

打开src/App.vue，修改script

import { domTitle, setDocumentTitle } from '@/utils/domUtil'

import { i18nRender } from '@/locales'

// 以下3句作用于日期控件显示中文

import moment from 'moment'

import 'moment/locale/zh-cn'

moment.locale('zh-cn')

export default {

data () {

return {

}

},

computed: {

locale () {

// 只是为了切换语言时，更新标题

const { title } = this.$route.meta

title && (setDocumentTitle(`${i18nRender(title)} - ${domTitle}`))

// 原先的en-US改成zh-CN即可

return this.$i18n.getLocaleMessage('zh-CN').antLocale

}

}

}

如果日期控件不生效，需要更新moment插件，我是"moment": "^2.27.0"