vue3中的elementPlus全局組件中文轉(zhuǎn)換方式

更新時間：2022年07月28日 10:51:37 作者：Lylovehyy

這篇文章主要介紹了vue3中的elementPlus全局組件中文轉(zhuǎn)換方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教

elementPlus 全局組件中文轉(zhuǎn)換

在項目中使用日期下拉框發(fā)現(xiàn)是英文的，需要全局改成中文樣式。

代碼實現(xiàn)

在 App.vue 的文件中修改即可。

代碼如下

<template>
? ? <el-config-provider :locale="locale">
? ? ? <router-view></router-view>
? ? </el-config-provider>
</template>

<script lang="ts" setup>
import { ElConfigProvider } from 'element-plus'
import zhCn from 'element-plus/lib/locale/lang/zh-cn';

const { locale } = reactive({
? locale: zhCn,
});

</script>

參考官方鏈接：https://element-plus.org/en-US/guide/i18n.html#configprovider

elementPlus 設(shè)置默認(rèn)語言為中文

Element UI的默認(rèn)語言是英文。那么如何才能將其改成中文呢？

ElementUI 提供了國際化的支持，這里給出其中的一個改成中文的方法。

找到main.js 文件, 做如下改動：

import {createApp} from 'vue'
import ElementPlus from 'element-plus';
import locale from "element-plus/lib/locale/lang/zh-cn";//需要新加的代碼
import App from './App.vue'
import "element-plus/lib/theme-chalk/index.css";
 
let app = createApp(App);
app.use(ElementPlus, {locale});//需要改變的地方，加入locale
app.mount('#app');

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Vue scrollBehavior 滾動行為實現(xiàn)后退頁面顯示在上次瀏覽的位置
這篇文章主要介紹了Vue scrollBehavior 滾動行為實現(xiàn)后退頁面顯示在上次瀏覽的位置，本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下
2019-05-05
Vue-cli3簡單使用(圖文步驟)
這篇文章主要介紹了Vue-cli3簡單使用(圖文步驟)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-04-04
Vue項目中如何引入icon圖標(biāo)
這篇文章主要介紹了Vue如何引入icon圖標(biāo),本文通過圖文并茂的形式給大家介紹的非常詳細(xì)，需要的朋友可以參考下
2018-03-03
在vue中解決提示警告 for循環(huán)報錯的方法
今天小編就為大家分享一篇在vue中解決提示警告 for循環(huán)報錯的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-09-09
vue3中實現(xiàn)使用element-plus調(diào)用message
這篇文章主要介紹了vue3中實現(xiàn)使用element-plus調(diào)用message，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-09-09
vue通過點擊事件讀取音頻文件的方法
最近做項目遇到這樣的一個需求，通過select元素來選擇音頻文件的名稱，點擊按鈕可以進行試聽。接下來通過本文給大家介紹vue項目中通過點擊事件讀取音頻文件的方法,需要的朋友可以參考下
2018-05-05
vue插槽slot的理解和使用方法
這篇文章主要給大家介紹了關(guān)于vue中插槽slot的理解和使用方法，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用vue具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
解決Vue+SpringBoot+Shiro跨域問題
本文將結(jié)合實例代碼，解決Vue+SpringBoot+Shiro跨域問題，相信大家剛開始做都會遇到這個問題，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2021-06-06
vue ElementUI實現(xiàn)異步加載樹
這篇文章主要為大家詳細(xì)介紹了vue ElementUI實現(xiàn)異步加載樹，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-06-06
vue 將頁面公用的頭部組件化的方法
本篇文章主要介紹了vue 將頁面公用的頭部組件化的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-12-12