欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間：2022年07月28日 10:51:37   作者：Lylovehyy  
這篇文章主要介紹了vue3中的elementPlus全局組件中文轉(zhuǎn)換方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

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

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

代碼實(shí)現(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 提供了國(guó)際化的支持，這里給出其中的一個(gè)改成中文的方法。

找到main.js 文件, 做如下改動(dòng)：

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');

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

相關(guān)文章

  • Vue scrollBehavior 滾動(dòng)行為實(shí)現(xiàn)后退頁面顯示在上次瀏覽的位置

    Vue scrollBehavior 滾動(dòng)行為實(shí)現(xiàn)后退頁面顯示在上次瀏覽的位置

    這篇文章主要介紹了Vue scrollBehavior 滾動(dòng)行為實(shí)現(xiàn)后退頁面顯示在上次瀏覽的位置，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2019-05-05
  • Vue-cli3簡(jiǎn)單使用(圖文步驟)

    Vue-cli3簡(jiǎn)單使用(圖文步驟)

    這篇文章主要介紹了Vue-cli3簡(jiǎn)單使用(圖文步驟)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2019-04-04
  • Vue項(xiàng)目中如何引入icon圖標(biāo)

    Vue項(xiàng)目中如何引入icon圖標(biāo)

    這篇文章主要介紹了Vue如何引入icon圖標(biāo),本文通過圖文并茂的形式給大家介紹的非常詳細(xì)，需要的朋友可以參考下
    2018-03-03
  • 在vue中解決提示警告 for循環(huán)報(bào)錯(cuò)的方法

    在vue中解決提示警告 for循環(huán)報(bào)錯(cuò)的方法

    今天小編就為大家分享一篇在vue中解決提示警告 for循環(huán)報(bào)錯(cuò)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2018-09-09
  • vue3中實(shí)現(xiàn)使用element-plus調(diào)用message

    vue3中實(shí)現(xiàn)使用element-plus調(diào)用message

    這篇文章主要介紹了vue3中實(shí)現(xiàn)使用element-plus調(diào)用message，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
    2022-09-09
  • vue通過點(diǎn)擊事件讀取音頻文件的方法

    vue通過點(diǎn)擊事件讀取音頻文件的方法

    最近做項(xiàng)目遇到這樣的一個(gè)需求，通過select元素來選擇音頻文件的名稱，點(diǎn)擊按鈕可以進(jìn)行試聽。接下來通過本文給大家介紹vue項(xiàng)目中通過點(diǎn)擊事件讀取音頻文件的方法,需要的朋友可以參考下
    2018-05-05
  • vue插槽slot的理解和使用方法

    vue插槽slot的理解和使用方法

    這篇文章主要給大家介紹了關(guān)于vue中插槽slot的理解和使用方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用vue具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-04-04
  • 解決Vue+SpringBoot+Shiro跨域問題

    解決Vue+SpringBoot+Shiro跨域問題

    本文將結(jié)合實(shí)例代碼，解決Vue+SpringBoot+Shiro跨域問題，相信大家剛開始做都會(huì)遇到這個(gè)問題，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-06-06
  • vue ElementUI實(shí)現(xiàn)異步加載樹

    vue ElementUI實(shí)現(xiàn)異步加載樹

    這篇文章主要為大家詳細(xì)介紹了vue ElementUI實(shí)現(xiàn)異步加載樹，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2021-06-06
  • vue 將頁面公用的頭部組件化的方法

    vue 將頁面公用的頭部組件化的方法

    本篇文章主要介紹了vue 將頁面公用的頭部組件化的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-12-12

最新評(píng)論