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

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

//分頁 
:pagination="paginationOpt
data(){
 paginationOpt: {
        showSizeChanger: true,
        showQuickJumper: true,
        defaultCurrent: 1,
        defaultPageSize: 10,
        total: 500,
        showTotal: total => `共${total}條記錄 `
      },
      }

antDesign for vue組件中文配置

在app.vue文件中引入

import zhCN from 'ant-design-vue/es/locale/zh_CN';

data返回

? data(){
?? ? ?return{
?? ??? ? ? locale: zhCN,
?? ? ?}
? },

最后需要將組件包裹起來<a-config-provider :locale="locale"></a-config-provider>將組件包裹起來即完成了組件漢化

<a-config-provider :locale="locale">
?? ? ? ? ?<router-view></router-view>
?? ? ?</a-config-provider>

剛開始的時候只文檔沒看全，只關注到js部分的內容，并不看到html部分也需要做配置，導致配置一直沒生效，后面查過很多方法都只做了js部分的介紹，并沒有對html組件部分進行說明，因此問題一致沒有得到解決，后面還按照網(wǎng)上的方法引入了moment，并沒有作用，因此總結起來沒事多看文檔，真的可以避免很多的坑

import moment from 'moment';
import 'moment/locale/zh-cn';
moment.locale('zh-cn');

總結

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

Vue的路由及路由鉤子函數(shù)的實現(xiàn)
這篇文章主要介紹了Vue的路由及路由鉤子函數(shù)的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-07-07
vue?導入js中的兩種方法(示例詳解)
這篇文章主要介紹了vue?導入js中的方法,本文通過兩種方法結合示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2023-07-07
vue自定義鍵盤實現(xiàn)車牌號的示例代碼
本文主要介紹了vue自定義鍵盤實現(xiàn)車牌號的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2023-07-07
Vue3中響應式解構props的使用
本文主要介紹了Vue3中響應式解構props的使用，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2023-11-11
vue做移動端適配最佳解決方案(親測有效)
這篇文章主要介紹了vue做移動端適配最佳解決方案(親測有效)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-09-09
django+vue實現(xiàn)注冊登錄的示例代碼
這篇文章主要介紹了django+vue實現(xiàn)注冊登錄的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2021-05-05
Vuejs學習筆記之使用指令v-model完成表單的數(shù)據(jù)雙向綁定
表單類控件承載了一個網(wǎng)頁數(shù)據(jù)的錄入與交互，本章將介紹如何使用指令v-model完成表單的數(shù)據(jù)雙向綁定功能，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值。感興趣的朋友跟隨小編一起看看吧
2019-04-04
Vue插件打包與發(fā)布的方法示例
插件功能開發(fā)完成后，若需要發(fā)布到公共組件庫中（例如：npmjs），需要對插件進行打包并發(fā)布，這篇文章主要介紹了Vue插件打包與發(fā)布的方法示例，感興趣的小伙伴們可以參考一下
2018-08-08
詳解vuex的簡單todolist例子
這篇文章主要介紹了詳解vuex的簡單todolist例子,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-07-07
vue?this.$router六種方法使用示例總結分析
這篇文章主要為大家介紹了vue this.$router六種方法使用示例總結分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-06-06