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

vue3中Element Plus全局組件配置中文的兩種方案

 更新時間：2023年12月12日 15:56:02   作者：鄒榮樂  
element-plus組件文字語言默認(rèn)是英文,需要手動更改一下中文包 ,本文主要介紹了vue3中Element Plus全局組件配置中文的兩種方案,具有一定的參考價值,感興趣的可以了解一下

Element+是一款用于制作頁面樣式，設(shè)計頁面結(jié)構(gòu)的框架。相比于其他的幾個框架，這個框架設(shè)計的更為人性化，對企業(yè)級框架VUE的集成也很高。

Element Plus 組件 默認(rèn) 使用英語，如果你希望使用其他語言，你可以參考下面的兩種方案。

1.在 App.vue 的文件中修改

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

<script setup>
// // 引入配置組件
import { ElConfigProvider } from 'element-plus'
// 引入中文包
import zhCn from 'element-plus/lib/locale/lang/zh-cn';
 
const { locale } = reactive({
  locale: zhCn,
});
</script>

2.在main.js的文件中修改

import ElementPlus from 'element-plus'
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'

app.use(ElementPlus, {
  locale: zhCn,
})

國際化

Element Plus 還提供了一個 Vue 組件 ConfigProvider 用于全局配置國際化的設(shè)置。

<template>
  <el-config-provider :locale="locale">
    <app />
  </el-config-provider>
</template>

<script>
  import { defineComponent } from 'vue'
  import { ElConfigProvider } from 'element-plus'

  import zhCn from 'element-plus/dist/locale/zh-cn.mjs'

  export default defineComponent({
    components: {
      ElConfigProvider,
    },
    setup() {
      return {
        locale: zhCn,
      }
    },
  })
</script>

到此這篇關(guān)于vue3中Element Plus全局組件配置中文的兩種方案的文章就介紹到這了,更多相關(guān)Element Plus全局組件配置中文內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！ 

相關(guān)文章

最新評論