vue3.0中使用Element-plus默认英文组件修改为中文

vue3.0中使用Element-plus默认英文组件修改为中文修改方法

Element-plus 1.0.2-beta.59 之前的版本可以

我这里是 "element-plus": "^1.0.2-beta.32", 其他以后版本后续会继续在这篇博客上更新

1,引入element
*此处必须为完整引入element-plus
按需引入还在探索中

// ! element-plus vue3.0
import element from 'element-plus'
import 'element-plus/lib/theme-chalk/index.css'
import 'dayjs/locale/zh-cn' //中文
import locale from 'element-plus/lib/locale/lang/zh-cn' //中文

2,使用

createApp(App).use(router).use(element, { locale }).mount('#app')

3,就可以了(组件就变成了中文了)

根据各路大神汇总 如上面无法实现 可以才用这种办法

<template>
  <el-config-provider :locale="locale">
    <slot name="app"></slot>
  </el-config-provider>
</template>
<script>
//引入vue方法
import { ElConfigProvider } from 'element-plus'
//中文包
import zhCn from 'element-plus/lib/locale/lang/zh-cn'
//引入自定义方法
//引入自定义组件
export default {
  name: 'ZhProvider',
  components: {
    [ElConfigProvider.name]: ElConfigProvider
  },
  setup() {
    let locale = zhCn
    return {
      locale
    }
  }
}
</script>

<style scoped lang='scss'>
</style>

使用element-ui这个组件把App.vue的内容包起来就可以实现