ant-design-vue使用文件引入的方式 自定义国际化

  <link rel="stylesheet" type="text/css" href="ant-design\node_modules\ant-design-vue\dist\antd.css">
  <script type="text/javascript" src="ant-design\node_modules\moment\moment.js"></script>
  <script type="text/javascript" src="ant-design\node_modules\ant-design-vue\dist\antd.js"></script>
  <script type="text/javascript" src="ant-design\node_modules\ant-design-vue\dist\antd-with-locales.js"></script>


<div id="app">
  <a-radio-group :value="locale" @change="changeLocale">
    <a-radio-button key="en" :value="enUS">
       English
    </a-radio-button>
    <a-radio-button key="cn" :value="zhCN">
       中文
    </a-radio-button>
  </a-radio-group>

  <template>
    <a-locale-provider :locale="locale">
      <div class="example">
        <a-pagination :default-current="1" :total="50" show-size-changer></a-pagination>
      </div>
      <p>{{ locale['CustomText']['content'] }}</p>
    </a-locale-provider>
  </template>
</div>


<script>
  const { LocaleProvider, locales } = window.antd;

  locales['zh_CN']['CustomText'] = {'content': '我是中国人'};
  locales['en_US']['CustomText'] = {'content': 'I am chinese'};

  new Vue({
    el: '#app',
    data: {
      locale: locales.zh_CN,
      moment,
      enUS: locales.en_US,
      zhCN: locales.zh_CN,
    },
    methods: {
      changeLocale(e) {
        const localeValue = e.target.value;
        this.locale = localeValue;
        if (!localeValue) {
          moment.locale('en');
        } else {
          moment.locale('zh-cn');
        }
      }
    }
  })

</script>

注意顺序不要颠倒

下载ant-design-vue包：npm i --save ant-design-vue