element-plus修改全局组件大小、默认语言

1,099 阅读1分钟

修改全局组件大小

自动导入及默认语言

element-plus某些组件默认是英文模式,需要在全局给它指定默认语言 在app.vue文件里面更改成如下代码

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

<script setup>
import zhCn from 'element-plus/lib/locale/lang/zh-cn'
import { ref } from "vue";
let locale = ref(zhCn)
</script>

<style scoped>
</style>

非自动导入及默认语言

在main.js文件里面

import ElementPlus from 'element-plus'
import zhCn from 'element-plus/lib/locale/lang/zh-cn'

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