Antd Vue 国际化zh_CN,vue3.0配置pagination组件按钮分页文本中文

Antd Design Vue 官方说明,DatePicker、MonthPicker、RangePicker、WeekPicker 等插件的部分 locale 是从 value 中读取,目前的默认文案是英文,如果需要使用其他语言,需要通过下面的方案正确设置 moment 的 locale。

因为我的需求是pagination组件的 show-quick-jumper 的文本,由Go to变为中文跳至,以为可以在组件自身的配置中找到修改方式,看了文档没有找到,后来发现需要全局或者给整个组件设置中文国际化,于是开始尝试,话不多说,上图:

微信截图_20201028151741.png

就是这个功能:

中文国际化配置:
1、main.js引入ConfigProvider组件;

import { ConfigProvider } from 'ant-design-vue'
app.use(ConfigProvider)

因为我用的是vue3.0,所以用的是app.use();如果是3.0以下的,可以使用Vue.use();

2、实例化ConfigProvider组件,在App.vue中进行设置,直接上代码如下:



主要就是引入zhCN国际化,将其放在ConfigProvider组件中,因为我是全局设置的,放在app.js中,如果你需要单个组件设置,就把这些内容在单个组件中引用,效果是一样的。

最后重启一下项目,看看效果;

你可能感兴趣的:(Antd Vue 国际化zh_CN,vue3.0配置pagination组件按钮分页文本中文)