Vue解决中文化报错: [antdv: LocaleProvider] `LocaleProvider` is deprecated. Please use `locale` with...

问题描述

在使用 antdv 进行中文化的时候报错：Warning: [antdv: LocaleProvider] 'LocaleProvider' is deprecated. Please use 'locale' with 'ConfigProvider' instead。

出现原因

在使用ant-design-for-vue国际化的时候，LocaleProvider已弃用，需要换成 ConfigProvider。

解决方案

在App.vue页面，把 <a-locale-provider>标签换成<a-config-provider>标签即可。

<template>
  <div id="app">
    <a-config-provider :locale="zhCN">
      <router-view />
    </a-config-provider>
  </div>
</template>

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