目录Vue ant design分页以及表格分页改为中文antDesign for vue组件中文配置总结vue ant design分页以及表格分页改为中文 <templat
<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}条记录 `
},
}
在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');
以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。
--结束END--
本文标题: 使用vueantdesign分页以及表格分页改为中文问题
本文链接: https://www.lsjlt.com/news/210644.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0