element-plus引入的国际化问题

编程小杨0220

已于 2024-01-19 08:27:51 修改

阅读量600

点赞数 14

分类专栏：前端（Vue）文章标签： vue.js 前端框架

于 2024-01-10 20:21:47 首次发布

本文链接：https://blog.csdn.net/qq_45053317/article/details/135512200

版权

前端（Vue）专栏收录该内容

2 篇文章 0 订阅

订阅专栏

文章讨论了在最新版本的Element-Plus中引入国际化时遇到的问题，由于npm安装后文件路径的改变，可能导致原本的中文语言包无法正常显示，需调整为新的lib/locale/lang/zh-cn路径。

摘要由CSDN通过智能技术生成

element-plus引入的国际化问题

目前在element-plus官网上引入他的国际化之后可能不显示，主要原因为：npm i element-plus安转之后新版本的文件的路径不对，官网上还处于旧的地址。

原本路径：import zhCn from "element-plus/dist/locale/zh-cn.mjs";
现在新路径：import zhCn from "element-plus/lib/locale/lang/zh-cn";

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

编程小杨0220

关注关注

14
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
element-plus引入的国际化问题

目前在element-plus官网上引入他的国际化之后可能不显示，主要原因为：npm i element-plus安转之后新版本的文件的路径不对，官网上还处于旧的地址。
复制链接

扫一扫

专栏目录

element-plus(element-plus@2.5.5) 本地离线资源

02-05

element-plus@2.5.5 本地离线资源，适用于没有网络连接、搭建自己的cdn等用途。 All files（包含文件） /npm/element-plus@2.5.5/dist /npm/element-plus@2.5.5/es /npm/element-plus@2.5.5/lib /npm/element-...

vue3.0+element-plus实现国际化语言，动态路由菜单demo

01-27

在本项目中，"vue3.0+element-plus实现国际化语言，动态路由菜单demo"，开发者采用最新的Vue.js 3.0框架与Element Plus UI库，构建了一个具有国际化功能和动态路由菜单的示例应用。这个项目对于学习Vue 3的新特性...

参与评论您还未登录，请先登录后发表或查看评论

Element Plus 全球化配置

Sun_blog

09-20

778

通过以上步骤，我们可以在 Element Plus 中实现全球化配置。首先，我们需要安装和配置 vue-i18n，然后创建翻译文件，并在组件中使用$t方法来获取翻译文本。最后，我们可以使用ElSelect组件来切换不同的语言。Element Plus 的全球化配置功能为软件产品的国际化提供了便利，使得产品可以更好地适应不同地区用户的需求。

最新版element-plus全球化设置无效【完美解决】

qq_20186247的博客

01-06

3491

最新版element-plus全球化设置无效【完美解决】

ElementPlus国际化（将组件的默认语言改为中文）

聂可以的博客

06-12

610

ElementPlus国际化（将组件的默认语言改为中文）

国际化 Element-plus

dabaooooq的博客

01-26

1840

点击切换按钮时进行响应赋值哈，这个一般都是结合i18n来使用，对应的切换语言操作就不赘述了。看文档还是要仔细一些，都写得很明白了其实。最近有同事问我说，elementPlus做国际化配置，但是点击中英文切换按钮之后，对应组件的中英文没有做切换。查了查文档，实际上人家element-plus团队都提供了一个全局的用法，只需要在app.vue文件里加这么几行代码就行了。中文的话，就使用中文的locale，英文的话，把locale的值改成对应英文的就好了~local都写成固定的了，切换语言怎么可能生效。

Vue3修改Element-plus语言与项目国际化

IT菜鸟

02-29

2519

在 App.vue 引入 Element-plus 语言包，并使用 el-config-provider 标签。在 src 目录下创建 locales 目录，里面创建文件：en.js、zh-cn.js、index.js。在 App.vue 使用 el-config-provider 标签配置。在页面 home.vue 使用 language.vue 组件。Element-plus默认语言是英语，可修改为其它语言；此处 Element-plus 为自动按需导入方式配置；使用 vue-i18n 模块。

element-plus 中的组件国际化

qq_52229892的博客

05-19

908

1.全局配置，在app.vue文件中，找到要国际化的组件。

element-plus离线文档

05-07

同时，Element Plus 的组件可以通过 `import` 语句引入，并在模板中直接使用。 5. **样式定制**：Element Plus 提供了主题定制工具，允许开发者根据自己的品牌风格调整组件的色彩、大小等样式。这通常涉及到 CSS ...

vue-element-plus-admin:一套基于vue3，element-plus，typesScript，vue-cli4的后台集成方案

03-29

如果你的项目不关注这方面的问题，也可以直接基于它进行二次开发。基础模版-template分支单页模版-单页分支功能- 登录 / 注销- 权限验证 - 页面权限 - 指令权限 - 权限配置- 多环境- 多页配置- 引导页- 全局功能 - ...

element-plus打包

05-24

Element Plus 是一个基于 Vue.js 的开源 UI 组件库，提供了丰富的界面组件，如表格、按钮、下拉菜单等，用于快速构建现代化的前端应用。"element-plus打包" 指的是将 Element Plus 项目进行构建和打包的过程，以便在...

今日问题：Vue3 + Element Plus 国际化设置中文和使用图标无效解决方法

weixin_52053631的博客

04-02

1432

Vue3 + Element Plus 国际化设置中文和使用图标无效解决方法

PBitW的博客

11-15

928

创建项目+eslint+prettier 创建项目 eslint+prettier 完整eslint配置自动格式化设置多少换行-- 》.prettierrc element plus vue.config.js 1、有时候会报错 not a function 2、使用 ElMessage 报错 3、 element plus 版本过高 4、警告 5、报错 element plus icon element plus 按需导入设置为中文 国际化 axio封装切换pinia

Vue3 + Element Plus + i18n 国际化

tiger_Angle

11-21

3675

本篇旨在 Vue3 + Element Plus 国际化配置，支持多语言切换。

vue3学习——elementPlus安装及国际化

m0_49494051的博客

02-02

1140

由于国际化引入的是mjs文件，so需要忽略对他的校验，即可打包成功。配置运行命令：package.json。

vue3+ts+vite2+element-plus国际化(需要改进)

l244112311的博客

05-22

2404

vue3 element-plus 使用vue-i18n实现国际化(vite版本2.8.0，vue版本3.2.25，vue-i18n版本9.1.10，element-plus(版本2.1.8)组件需要F5刷新页面才能进行切换语言，暂时没找到解决方式，后续再改进了)

Vue3项目之ElementPlus 配置国际化

m0_63907100的博客

02-23

1457

ElementPlus 配置国际化

@vue3 element-plus 按需引入，默认英文组件修改为中文

qq_38682174的博客

06-04

8269

升级到@vue-cli3之后element-ui 也做了相应的升级 npm 安装 npm install element-plus --save

Vue + ElementUI 国际化实践

空手道_大师兄的博客

05-18

181

1.安装 npm install vue-i18n 2.目录结构如上图，新建langs目录，创建index.js、zh.js、en.js文件。 3.文件配置 index.js: 使用localStorage存储用户选择的语言状态。 import Vue from 'vue' import ElementUI from 'element-ui' import VueI18n from 'vue-i18n' import enLocale from './en' import ...

element-plus 引入小图标

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交