Element-Plus国际化配置的正确打开方式
最近有同学问我说,elementPlus做国际化配置,但是点击中英文切换按钮之后,对应组件的中英文没有做切换。原来他的代码是这么写的
import ElementPlus from 'element-plus'
import zhCn from 'element-plus/es/locale/lang/zh-cn'app.use(ElementPlus, {
locale: zhCn,
})
我寻思,这玩意肯定不会动态变化啊。local都写成固定的了,切换语言怎么可能生效。
查了查文档,实际上人家element-plus团队都提供了一个全局的用法,只需要在app.vue文件里加这么几行代码就行了。
【Element-Plus国际化配置的正确打开方式】中文的话,就使用中文的locale,英文的话,把locale的值改成对应英文的就好了~
点击切换按钮时进行响应赋值哈,这个一般都是结合i18n来使用,对应的切换语言操作就不赘述了。看文档还是要仔细一些,都写得很明白了其实。
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 从战略性的角度可以配置股票
- 缓存有关的配置和属性
- Spring|Spring Boot 自动配置的原理、核心注解以及利用自动配置实现了自定义 Starter 组件
- Vagrant|Vagrant (三) - 网络配置
- java|java b2b2c shop 多用户商城系统源码- config 修改配置
- CentOS7 阿里云镜像配置方法
- Python|Win10下 Python开发环境搭建(PyCharm + Anaconda) && 环境变量配置 && 常用工具安装配置
- 为Google|为Google Cloud配置深度学习环境(CUDA、cuDNN、Tensorflow2、VScode远程ssh等)
- MyBatis|MyBatis Generator配置