当前位置:   article > 正文

elementPlus引入中文包。_element plus 自动导入 中文

element plus 自动导入 中文

在项目中我用到了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')

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小蓝xlanll/article/detail/119123
推荐阅读
相关标签
  

闽ICP备14008679号