ElementPlus Config Provider 国际化自定义命名空间

最新推荐文章于 2025-10-17 08:13:19 发布

转载最新推荐文章于 2025-10-17 08:13:19 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/weixin_44412840/article/details/124632010

文章标签：

#vue.js #前端 #javascript

前端知识同时被 3 个专栏收录

46 篇文章

订阅专栏

前端基础知识

35 篇文章

订阅专栏

经验分享

12 篇文章

订阅专栏

本文介绍了一个使用Vue结合Element Plus实现的简单应用根组件配置案例，通过ElConfigProvider组件设置全局的语言为中文，并展示了如何导入及使用Element Plus提供的中文语言包。

在App根组件

<template>
  <div class="app">
    <el-config-provider :locale="zhCn">
      <router-view></router-view>
    </el-config-provider>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

import { ElConfigProvider } from 'element-plus'
import zhCn from 'element-plus/lib/locale/lang/zh-cn'

export default defineComponent({
  name: 'App',
  components: {
    ElConfigProvider
  },
  props: {
    name: {
      type: String
    }
  },
  setup() {
    return {
      zhCn
    }
  }
})
</script>

<style lang="less">
.app {
  height: 100%;
}
</style>