分页组件我用的是
Ant Design Vue
的Pagination 分页,在使用的过程,发现每页条数
和跳转某个页面
的功能是以英文的效果显示的。
解决办法:对组件进行国际化处理
- 在
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>