最新版element-plus全球化设置无效【完美解决】

刚开始学习vue 跟着别人教程在做 却发现全球化我无论如何设置都起不到效果 然后去官方看了一看文档 官方文档是这么写的 我也确实是这么做的,但是无论如何都不起效果,在网上搜了很多方法也没能解决。 最终根据官方文档提供的第二种方式实现,使用官方供的一个 Vue 组件 ConfigProvider 先来看看官方怎么介绍的 照葫芦画瓢,下面贴上我的解决代码

<template>
  <div>
    <!--    国际化-->
    <el-config-provider :locale="locale"/>
    
	<router-view/>
    </div>
  </div>

</template>

<style>

</style>

<script>
import {
          
   ElConfigProvider} from "element-plus";
import zhCn from element-plus/lib/locale/lang/zh-cn

export default {
          
   
  name: "Layout",
  components: {
          
   
    ElConfigProvider
  },
  setup() {
          
   
    return {
          
   
      locale: zhCn,
    }
  },
}
</script>

在App.vue里面引入ConfigProvider组件即可实现国际化

完美解决

经验分享 程序员 微信小程序 职场和发展