elementPlus引入中文包。

在项目中我用到了el-table的筛选功能,confirm和reset 按钮一直是英文,不知怎么改,还有日历选择日期也是英文,然后查到了需要引入中文包,so,一下两句。
重点:
import zhCn from 'element-plus/es/locale/lang/zh-cn' //引入中文包
app.use(ElementPlus,{locale:zhCn}) // 引入Element Plus 所需

main.js页面

import { createApp } from 'vue'
import { createPinia } from 'pinia'
import App from './App.vue'
import router from './router'
import ElementPlus from 'element-plus'  // 引入Element Plus 所需
import 'element-plus/dist/index.css'  // 引入Element Plus 所需
import zhCn from 'element-plus/es/locale/lang/zh-cn'               //引入中文包
import * as ElementPlusIconsVue from '@element-plus/icons-vue'  // 引入Element Plus icon 所需

import md5 from "js-md5"  // 引入md5


import './assets/main.css'

const env = import.meta.env
console.log(env)

const app = createApp(App)

app.config.globalProperties.$md5 = md5

// 引入Element Plus icon 所需
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}

app.use(createPinia())
app.use(ElementPlus,{locale:zhCn})  // 引入Element Plus 所需
app.use(router)
app.mount('#app')

你可能感兴趣的:(elementPLus,vue3,vue,vue.js,前端)