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

作者：小蓝xlanll | 2024-02-20 07:37:40

踩

elementplus 组件是英文

问题描述：

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

原因分析：

是因为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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小蓝xlanll/article/detail/119120?site