100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 解决vue3.0 无法修改element-plus(新版)默认英文组件为中文的问题

解决vue3.0 无法修改element-plus(新版)默认英文组件为中文的问题

时间:2019-04-19 03:57:01

相关推荐

解决vue3.0 无法修改element-plus(新版)默认英文组件为中文的问题

element-plus官方文档:https://element-plus.gitee.io/zh-CN/guide/i18n.

我项目中使用element-plus 和vue的版本如下:

"element-plus": "^1.3.0-beta.1", "vue": "^3.0.0",

根据官方文档提供的方式,我未能成功修改默认的英文组件为中文:

官网截图:

截图中的代码:

import ElementPlus from 'element-plus'import zhCn from 'element-plus/es/locale/lang/zh-cn'app.use(ElementPlus, {locale: zhCn,})

于是,我采用了下面的方法,就成功把新版的element-plus默认的英文组件修改为中文了。

//在vue项目得App.vue中添加以下代码<template><el-config-provider :locale="locale"><slot name="app"></slot></el-config-provider></template><script>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 = zhCnreturn {locale}}}</script><style scoped lang='scss'></style>

最后,感谢可乐攻城狮的分享,下面这篇文章写得更好更详细,可前往阅读!vue3.0中使用Element-plus默认英文组件修改为中文_一个超爱喝可乐的web前端攻城狮-CSDN博客_element plus 中文

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。