Config Provider 全局配置 切换 Element Plus 组件默认语言

1,685 阅读1分钟

通过el-config-provider组件包裹全局App组件,引入element-plus/dist/locale/zh-cn语言包动态绑定到组件中的locale属性

<template>
      <el-config-provider :locale="locale">
            <router-view />
      </el-config-provider>
</template>
<script setup>
import { ref } from 'vue';
import { ElConfigProvider } from 'element-plus';
import zhCn from 'element-plus/dist/locale/zh-cn';

const locale = ref(zhCn);
</script>

Element Plus 官方文档:element-plus.org/zh-CN/compo…