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组件默认英文设置中文
206 0
|
4月前
|
前端开发
ElementPlus中total出现el.pagination.total,显示总数没有出现怎样解决,出现的是英文,不是中文如何解决,这里如何配置中文,配置中文
ElementPlus中total出现el.pagination.total,显示总数没有出现怎样解决,出现的是英文,不是中文如何解决,这里如何配置中文,配置中文
|
5月前
|
Python
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记2)
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记2)
|
5月前
|
Python
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记)
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记)
|
6月前
|
Web App开发 JavaScript 前端开发
JS字符串补全方法padStart()和padEnd()简介
JS字符串补全方法padStart()和padEnd()简介
333 6
|
JSON 小程序 前端开发
小程序不引入基础组件实现weui使用(附加小程序换行显示)
小程序不引入基础组件实现weui使用(附加小程序换行显示)
|
JavaScript
Extjs中给一个组件命名时,id,name,hiddenName这三者的用法和区别是什么
Extjs中给一个组件命名时,id,name,hiddenName这三者的用法和区别是什么
|
PHP
PHP - Laravel 未转义输出,输出 HTML 标签到页面展示({!! $变量 !!})
PHP - Laravel 未转义输出,输出 HTML 标签到页面展示({!! $变量 !!})
155 0
|
JavaScript
Vue实现中文自动匹配首拼音功能
使用Vue实现中文匹配首拼音功能
637 33