diff --git a/src/layout/header-aside/components/header-locales/index.vue b/src/layout/header-aside/components/header-locales/index.vue
new file mode 100644
index 00000000..3d59e414
--- /dev/null
+++ b/src/layout/header-aside/components/header-locales/index.vue
@@ -0,0 +1,19 @@
+<template>
+  <el-dropdown
+    placement="bottom"
+    size="small"
+    @command="command => $i18n.locale = command">
+    <el-button class="d2-mr btn-text can-hover" type="text">
+      <d2-icon name="language" style="font-size: 16px;"/>
+    </el-button>
+    <el-dropdown-menu slot="dropdown">
+      <el-dropdown-item
+        v-for="(language, index) in $languages"
+        :key="index"
+        :command="language.value">
+        <d2-icon :name="$i18n.locale === language.value ? 'dot-circle-o' : 'circle-o'" class="d2-mr-5"/>
+        {{ language.label }}
+      </el-dropdown-item>
+    </el-dropdown-menu>
+  </el-dropdown>
+</template>
diff --git a/src/layout/header-aside/layout.vue b/src/layout/header-aside/layout.vue
index 7cfb1075..641a5693 100644
--- a/src/layout/header-aside/layout.vue
+++ b/src/layout/header-aside/layout.vue
@@ -31,6 +31,7 @@
           <d2-header-fullscreen/>
           <d2-header-theme/>
           <d2-header-size/>
+          <d2-header-locales/>
           <d2-header-user/>
         </div>
       </div>
@@ -85,6 +86,7 @@ import d2MenuSide from './components/menu-side'
 import d2MenuHeader from './components/menu-header'
 import d2Tabs from './components/tabs'
 import d2HeaderFullscreen from './components/header-fullscreen'
+import d2HeaderLocales from './components/header-locales'
 import d2HeaderSearch from './components/header-search'
 import d2HeaderSize from './components/header-size'
 import d2HeaderTheme from './components/header-theme'
@@ -102,6 +104,7 @@ export default {
     d2MenuHeader,
     d2Tabs,
     d2HeaderFullscreen,
+    d2HeaderLocales,
     d2HeaderSearch,
     d2HeaderSize,
     d2HeaderTheme,