100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > element-plus分页组件默认显示英文 设置成中文显示。

element-plus分页组件默认显示英文 设置成中文显示。

时间:2022-01-06 17:01:11

相关推荐

element-plus分页组件默认显示英文 设置成中文显示。

问题描述:

正常引入后发现分页组件默认显示的是英文,但是我们需要的是中文的。

原因分析:

是因为element-plus组件内部默认使用英语,如果需要其他语言这需要进行多语言设置。

1.0.2-beta.59(包含59)之后的更新: 在 1.0.2-beta.59(包含59) 之后,我们重新组织了代码,让国际化功能能够被正常的使用(不论是全引入还是按需引入),一共有两种方式在项目中使用。

¶1. 通过 ConfigProvider 的方式来使用,详细的使用方法请查阅 ConfigProvider 的文档

如果你的项目中还在使用 options API, 那么你应该使用此方法,我们更加建议用户使用该方法,因为这样会减少使用的负担,但如果你在项目中深度使用 Composition API,那么你可以使用第二种方法来为整个应用提供语言支持。


解决方案:

只需要在app.vue中使用el.config.provider包裹跟组件

<template><el-config-provider :locale="locale"><App /></el-config-provider></template><script>import {ElConfigProvider } from 'element-plus'import zhCn from 'element-plus/lib/locale/lang/zh-cn'defineComponent({components: {[ElConfigProvider.name]: ElConfigProvider,},data() {return {locale: zhCn,}},})</script>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。