Ant Design Vue使用Pagination组件为英文的
2020-11-23 本文已影响0人
CoderZb
分页组件我用的是
Ant Design Vue的Pagination 分页，在使用的过程，发现每页条数和跳转某个页面的功能是以英文的效果显示的。
image.png
解决办法：对组件进行国际化处理
- 在
App.vue文件中包裹一次，使之全局生效
<template>
<a-config-provider :locale="zh_CN">
<div id="app">
<!-- 路由占位符 -->
<router-view></router-view>
</div>
</a-config-provider>
</template>
<script>
import zh_CN from "ant-design-vue/lib/locale-provider/zh_CN";
import moment from "moment";
import "moment/locale/zh-cn";
export default {
name: "app",
data() {
return {
zh_CN
};
}
};
</script>
<style>
html,
body,
#app {
background-color: #f0f2f5;
}
</style>
最终效果
image.png
