<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>

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

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

總結(jié)

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

您可能感興趣的文章:

相關(guān)文章

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