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

尤雨溪般的艺术编程者

于 2022-08-09 16:13:32 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端基础知识经验分享前端知识文章标签： vue.js 前端 javascript

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

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

46 篇文章

订阅专栏

前端基础知识

35 篇文章

订阅专栏

经验分享

12 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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