diff --git a/src/pages/frame/components/header/LayoutTopHeaderLang.vue b/src/pages/frame/components/header/LayoutTopHeaderLang.vue
index 1f3ce65a82ec81876e79ff1f9092a04fac1cec0f..90eede3818fc1b0fdfe19602c8fcdc703b022d0d 100644
--- a/src/pages/frame/components/header/LayoutTopHeaderLang.vue
+++ b/src/pages/frame/components/header/LayoutTopHeaderLang.vue
@@ -1,7 +1,7 @@
 <template>
     <a-dropdown class="lang header-item">
         <div><a-icon type="global" /> {{ langAlias }}</div>
-        <a-menu @click="changeLang" :selected-keys="[lang]" slot="overlay">
+        <a-menu @click="change" :selected-keys="[lang]" slot="overlay">
             <a-menu-item v-for="lang in langList" :key="lang.key">
                 {{ lang.key.toLowerCase() + ' ' + lang.name }}
             </a-menu-item>
@@ -27,10 +27,9 @@ export default {
         },
     },
     methods: {
-        change(langKey) {
-            this.$i18n.locale = langKey;
-            this.lang = langKey;
-            langUtils.set(langKey);
+        change({ key }) {
+            langUtils.set(key);
+            window.location.reload();
         },
     },
 };