使用vue?ant?design分頁及表格分頁改為中文的方法是什么

這篇文章主要介紹了使用vue ant design分頁及表格分頁改為中文的方法是什么的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇使用vue ant design分頁及表格分頁改為中文的方法是什么文章都會有所收獲，下面我們一起來看看吧。

vue ant design分頁以及表格分頁改為中文

<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組件部分進行說明，因此問題一致沒有得到解決，后面還按照網上的方法引入了moment，并沒有作用，因此總結起來沒事多看文檔，真的可以避免很多的坑

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

關于“使用vue ant design分頁及表格分頁改為中文的方法是什么”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“使用vue ant design分頁及表格分頁改為中文的方法是什么”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。