Ant Design UI设置默认语言为中文 国际化配置

官方文档给出了一个解决方案，如下所示，就是修改app容器所在文件，<App />可以理解为<div id="app"></div>

<template>
  <a-locale-provider :locale="locale">
    <App />
  </a-locale-provider>
</template>

<script>
  import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN';
  export default {
    data() {
      return {
        locale: zhCN,
      };
    },
  };
</script>

得出结论，多语言切换也可以参照此方法衍生

但是有可能会存在一个问题，localeProvider已被弃用，但我们只需要更换成ConfigProvider就行了，具体方法如下

import Vue from 'vue'
import ConfigProvider from 'ant-design-vue' 
Vue.use(ConfigProvider)

然后将<a-locale-provider :locale="locale"></a-locale-provider>替换成<a-config-provider :locale="locale"></a-config-provider>即可