mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-14 17:31:02 +08:00
2.5 KiB
2.5 KiB
Config Provider
Config Provider is used for providing global configurations, which enables your entire application to access these configurations everywhere
i18n related configurations
Configure i18n related properties via Config Provider, to get language switching feature
:::demo Use two attributes to provide i18n related config
<div>
<el-config-provider :locale="locale1">
<el-color-picker :modelValue="''" style="vertical-align: middle;" />
</el-config-provider>
<el-button @click="toggle" style="margin-left: 8px; vertical-align: middle;">
Switch Lang
</el-button>
</div>
<script>
// import { ConfigProvider } from 'element-plus'
export default {
data() {
return {
locale1: {
name: 'es',
el: {
colorpicker: {
confirm: 'Confirmar',
clear: 'Despejar',
},
},
},
locale2: {
name: 'en',
el: {
colorpicker: {
confirm: 'Confirm',
clear: 'Clear',
},
},
},
}
},
methods: {
toggle() {
const temp = this.locale1
this.locale1 = this.locale2
this.locale2 = temp
},
},
}
</script>
:::
ConfigProvider Attributes
Attribute | Description | Type | Accepted Values | Default |
---|---|---|---|---|
locale | Locale Object | Object<Language> | languages | English |
i18n | External translator, when this attribute is provided, it will be used at first, and it will fallback to default translator when this method returns nullish value | Function<(...args: []) => string> | - | - |