Ant Design Vue - 更改分页组件 <Pagination> 跳转至某一页的提示文字(默认为 Go to 英文)

前言

引入了 <Pagination> 分页组件后,发现 跳转至某一页 竟然英文,如下所示:

在这里插入图片描述

解决方案

由于目前该组件库默认方案是英文,所以咱们只需要引入框架提供的汉化包(zh-CN)即可。

打开需要汉化的页面(哪个页面用了分页组件),参考如下代码完成汉化。

<!-- 包裹分页组件即可 -->
<a-config-provider :locale="locale">
	<a-pagination />
</a-config-provider>
import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN'
export default {
    
    
	data () {
    
    
    	return {
    
    
    		// 汉化包
      		locale: zhCN
     	}
 	}
}

首先引入汉化包,然后放在 data 数据中,用 <a-config-provider> 组件包裹分页组件即可。

在这里插入图片描述