Antd Design Vue 官方说明，DatePicker、MonthPicker、RangePicker、WeekPicker 等插件的部分 locale 是从 value 中读取，目前的默认文案是英文，如果需要使用其他语言，需要通过下面的方案正确设置 moment 的 locale。
因为我的需求是pagination组件的 show-quick-jumper 的文本，由Go to变为中文跳至，以为可以在组件自身的配置中找到修改方式，看了文档没有找到，后来发现需要全局或者给整个组件设置中文国际化，于是开始尝试，话不多说，上图：
微信截图_20201028151741.png
就是这个功能：
中文国际化配置：
1、main.js引入ConfigProvider组件；
<code>
import { ConfigProvider } from 'ant-design-vue'
app.use(ConfigProvider)
</code>
因为我用的是vue3.0，所以用的是app.use()；如果是3.0以下的，可以使用Vue.use();
2、实例化ConfigProvider组件，在App.vue中进行设置，直接上代码如下：
<code>
<template>
<a-config-provider :locale="locale">
<div class="app">
<div class="app_main">
<router-view />
</div>
<PublicFooter></PublicFooter>
</div>
</a-config-provider>
</template>
<script>
import { ref } from "vue";
import PublicFooter from "@/components/PublicFooter.vue";
import zhCN from "ant-design-vue/lib/locale-provider/zh_CN";
export default {
components: {
PublicFooter
},
setup() {
const locale = ref(zhCN);
return {
locale
};
}
};
</script>
</code>
主要就是引入zhCN国际化，将其放在ConfigProvider组件中，因为我是全局设置的，放在app.js中，如果你需要单个组件设置，就把这些内容在单个组件中引用，效果是一样的。
最后重启一下项目，看看效果；
网友评论