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


相关文章
element-plus组件默认英文设置中文
element-plus组件默认英文设置中文
219 0
|
6月前
Element UI 源码改造 —— 自定义数字输入框的实现
Element UI 源码改造 —— 自定义数字输入框的实现
211 1
|
6月前
|
前端开发
ElementPlus中total出现el.pagination.total,显示总数没有出现怎样解决,出现的是英文,不是中文如何解决,这里如何配置中文,配置中文
ElementPlus中total出现el.pagination.total,显示总数没有出现怎样解决,出现的是英文,不是中文如何解决,这里如何配置中文,配置中文
|
8月前
|
Web App开发 JavaScript 前端开发
JS字符串补全方法padStart()和padEnd()简介
JS字符串补全方法padStart()和padEnd()简介
543 6
|
前端开发
前端开发之Element Plus的分页组件el-pagination显示英文转变为中文
前端开发之Element Plus的分页组件el-pagination显示英文转变为中文
106 0
前端开发之Element Plus的分页组件el-pagination显示英文转变为中文
|
前端开发
css 实现标签内容多行截取(...)数字换行--英文--文字处理
css 实现标签内容多行截取(...)数字换行--英文--文字处理
ant-design-vue将英文改为中文 DatePicker日期控件
ant-design-vue将英文改为中文 DatePicker日期控件
657 0
|
JavaScript
Vue实现中文自动匹配首拼音功能
使用Vue实现中文匹配首拼音功能
655 33
|
JavaScript 测试技术
Easyui 修改jquery validatebox为英文校验提示为中文提示
Easyui 修改jquery validatebox为英文校验提示为中文提示
133 0
antd日期组件配置了中文后还是显示英文的解决过程
antd日期组件配置了中文后还是显示英文的解决过程
957 0
antd日期组件配置了中文后还是显示英文的解决过程

热门文章

最新文章