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