使用ConfigProvider可以实现国际化切换

来源：5-6 方案落地：自定义语言包国际化处理

qq_闲汪_0

2022-01-28

Element Plus 还提供了一个 Vue 组件 ConfigProvider 用于全局配置国际化的设置。

app.vue

<template>
  <el-config-provider :locale="locale">
    <router-view />
  </el-config-provider>
</template>

<script setup>
import { computed } from 'vue'
import { useStore } from 'vuex'
import { ElConfigProvider } from 'element-plus'
import zhCn from 'element-plus/es/locale/lang/zh-cn'
import en from 'element-plus/es/locale/lang/en'

const store = useStore()
const locale = computed(() => store.getters.language === 'zh' ? zhCn : en)
</script>

<style lang="scss" scope></style>

写回答

1回答

Sunday

2022-01-28

已采纳

你好

是的。目前该国际化问题已经处理，并在《图文节（课程仓库）》中进行了同步更新

Sunday

入门级全栈专家

https://git.imooc.com/coding-542/Nodes/src/master/%e7%ac%ac%e4%ba%94%e7%ab%a0%ef%bc%9a%e5%90%8e%e5%8f%b0%e9%a1%b9%e7%9b%ae%e5%89%8d%e7%ab%af%e7%bb%bc%e5%90%88%e8%a7%a3%e5%86%b3%e6%96%b9%e6%a1%88%e4%b9%8b%e9%80%9a%e7%94%a8%e5%8a%9f%e8%83%bd%e5%bc%80%e5%8f%91.md#%E6%9B%B4%E6%96%B0%E5%85%B3%E4%BA%8E-element-plus-%E5%9B%BD%E9%99%85%E5%8C%96%E9%97%AE%E9%A2%98%E6%9B%B4%E6%96%B0

2022-04-04

共2条回复

基于Vue3新标准，打造后台综合解决方案

基于Vue3重写Vue-element-admin,打造后台前端综合解决方案

1940 学习 · 1687 问题

查看课程

相似问题

接入接口国际化，刷新后其它国际化出现问题

回答 2

国际化问题

回答 2

刷新后国际化出现问题

回答 1

登录页面国际化问题

回答 1

element-plus是不是实现了国际化了

回答 3

打开慕课网App查看更多内容