element-plus 自动引入全局配置size、zIndex、locale

组件形式全局引入、自动引入、按需引入都可用

目录

一、自动引入全局配置

二、全局引入全局配置

三、坑 

总结

一、自动引入全局配置

<script setup lang="ts">
import { RouterView } from 'vue-router'
import zhCn from 'element-plus/lib/locale/lang/zh-cn'
</script>

<template>
  <el-config-provider :locale="zhCn" size="small" :z-index="3000"> 
     <RouterView />
  </el-config-provider>
</template>

中文配置、 还有组件大小、组件层级 

二、全局引入全局配置

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

app.use(ElementPlus, {
  locale: zh, size: 'small', zIndex: 3000
})

三、坑 

app.config.globalProperties.$ELEMENT = {
  size: 'small',
}

 搜了一下大部分都是这种，各种复制沾沾的博客，根本不说明问题。 app不use  ElementPlus。咋可能好使呢。只有全部导入才use能用这种方式。

总结

官网是有说明的。看博客需谨慎，帮大家避个坑。