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

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

vue ant design分頁(yè)以及表格分頁(yè)改為中文

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

//分頁(yè) 
: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,
      }
  },

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

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

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

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

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