新版Elemen Plus 国际化 1.0.2-beta.59（包含59）

ゝ一世哀愁。 2023-10-03 13:44 52阅读 0赞

根据官方文档可以找到解决办法。先来看一下官方文档内容  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzODQyMDkz_size_16_color_FFFFFF_t_70]  
官方给出了两种方式。这里只研究第一种方式：

<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>

上边这些是官方给出的方法，已经足够解决，一步一步完成即可。

来个例子：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzODQyMDkz_size_16_color_FFFFFF_t_70 1]  
想让信息以中文显示  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzODQyMDkz_size_16_color_FFFFFF_t_70 2]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzODQyMDkz_size_16_color_FFFFFF_t_70 3]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzODQyMDkz_size_16_color_FFFFFF_t_70 4]  
已经解决问题。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzODQyMDkz_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/a27559f1e4474972bf5df211e86f721f.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzODQyMDkz,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzODQyMDkz_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/d43c5fdbdfcb474e9cfb71038cd4d40f.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzODQyMDkz,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzODQyMDkz_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/42c2b53cc3c843129558b6f236115367.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzODQyMDkz,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzODQyMDkz_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/1607138a96e1428c8e839cc170c208ba.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzODQyMDkz,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzODQyMDkz_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/4088ea4e5a3d4f5a81bdda07cf7a82c6.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzODQyMDkz,size_16,color_FFFFFF,t_70