element-plus 按需引入将英文组件修改为中文

简介: element-plus 按需引入将英文组件修改为中文

element-plus 默认是英文组件:如下图

1425695-20220425212713802-1746553128.png


将它设置为中文组件 app.vue文件


<template>
<el-config-provider :locale="locale">
  <router-view></router-view>
</el-config-provider>
</template>
<script lang="ts" setup>
  import { defineComponent } from 'vue'
  import zhCn from 'element-plus/lib/locale/lang/zh-cn'
  let  locale=zhCn
</script>

1425695-20220425212901714-477445057.png

介绍


Element Plus 还提供了一个 Vue 组件 ConfigProvider 用于全局配置国际化的设置。


详细地址参考:https://element-plus.gitee.io/zh-CN/guide/i18n.html


相关文章
|
开发框架 移动开发 Android开发
uniapp的几种跳转方式
uniapp的几种跳转方式
Vue3报错:Extraneous non-props attributes (style) were passed to component but could not be automatical
Vue3报错:Extraneous non-props attributes (style) were passed to component but could not be automatical
4679 1
|
12月前
|
JavaScript 前端开发 API
vue3 v-md-editor markdown编辑器(VMdEditor)和预览组件(VMdPreview )的使用
本文介绍了如何在Vue 3项目中使用v-md-editor组件库来创建markdown编辑器和预览组件。文章提供了安装步骤、如何在main.js中进行全局配置、以及如何在页面中使用VMdEditor和VMdPreview组件的示例代码。此外,还提供了一个完整示例的链接,包括编辑器和预览组件的使用效果和代码。
vue3 v-md-editor markdown编辑器(VMdEditor)和预览组件(VMdPreview )的使用
|
前端开发 虚拟化
简单记录使用 ElementPlus 的虚拟化树形控件(el-tree-v2)心得
这篇文章分享了作者使用ElementPlus的虚拟化树形控件`el-tree-v2`的心得,展示了其基本用法和如何通过自定义模板来增强树节点的交互性。
3634 1
简单记录使用 ElementPlus 的虚拟化树形控件(el-tree-v2)心得
|
JavaScript
基于Vue2或Vue3实现任意上下左右拖拽悬浮的元素,且配置为自定义的全局指令
这篇文章介绍了如何在Vue 2或Vue 3项目中实现一个自定义的全局指令`v-dragSwitch`,用于创建可以任意方向拖拽并悬浮的元素,同时包含边界处理的逻辑。
3504 2
基于Vue2或Vue3实现任意上下左右拖拽悬浮的元素,且配置为自定义的全局指令
|
JavaScript 测试技术 API
如何从 Vue 2 无痛升级到 Vue 3,一文搞定!
如何从 Vue 2 无痛升级到 Vue 3,一文搞定!
什么年代了,你还在手动配置vite路径别名?
【8月更文挑战第3天】Vite路径别名配置,简化项目引入
1596 3
|
JavaScript 前端开发 安全
【Vue3 + Vite】6个非常强大的后台管理项目!开源且免费!
【Vue3 + Vite】6个非常强大的后台管理项目!开源且免费!
|
JavaScript 前端开发 API
Vue Router【详解】含路由配置、路由定义、路由跳转、路由传参、自动注册路由、路由守卫、页面滚动、监听路由、$route、$router、路由过渡动画等
Vue Router【详解】含路由配置、路由定义、路由跳转、路由传参、自动注册路由、路由守卫、页面滚动、监听路由、$route、$router、路由过渡动画等
2940 1