要素プラスコンポーネントライブラリの言語切り替え

導入

element-plus コンポーネント ライブラリはデフォルトで英語を使用するため、中国語に切り替える必要がある場合は、コンポーネント ライブラリの言語を設定する必要があります。

1. グローバル構成

element-plus がグローバルインポートを使用している場合、次の方法で言語を切り替えます。

import ElementPlus from 'element-plus'
// 中文文件
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'

app.use(ElementPlus, {
    
     locale: zhCn })

2. オンデマンドでインポート

element-plus がオンデマンドインポートを使用する場合、次の方法で言語を切り替えます。

// App.vue
<template>
  <div id="app">
  	// el-config-provider 是 element-plus 提供用于全局配置国际化
    <el-config-provider :locale="locale">
      <router-view />
    </el-config-provider>
  </div>
</template>

<script setup lang="ts">
import zhCn from 'element-plus/dist/locale/zh-cn.mjs';
const locale = zhCn;
</script>

予防

项目如果使用的是 ts，则需要对 'element-plus/dist/locale/zh-cn.mjs' 进行声明

在项目的 .d.ts 文件中输入 declare module 'element-plus/dist/locale/zh-cn.mjs';

element-plus は上記の設定を完了し、コンポーネント ライブラリの言語を中国語に切り替えます。