fix 修复i18n无感刷新问题

This commit is contained in:
LiuHao 2024-01-11 15:26:37 +08:00
parent 5910032908
commit 4ea7376dbc
4 changed files with 5 additions and 5 deletions

View File

@ -14,8 +14,8 @@
<script setup lang="ts"> <script setup lang="ts">
import { useI18n } from 'vue-i18n'; import { useI18n } from 'vue-i18n';
import SvgIcon from '@/components/SvgIcon/index.vue';
import { useAppStore } from '@/store/modules/app'; import { useAppStore } from '@/store/modules/app';
import SvgIcon from '@/components/SvgIcon/index.vue';
const appStore = useAppStore(); const appStore = useAppStore();
const { locale } = useI18n(); const { locale } = useI18n();
@ -24,7 +24,7 @@ const message: any = {
zh_CN: '切换语言成功!', zh_CN: '切换语言成功!',
en_US: 'Switch Language Successful!' en_US: 'Switch Language Successful!'
}; };
const handleLanguageChange = (lang: string) => { const handleLanguageChange = (lang: any) => {
locale.value = lang; locale.value = lang;
appStore.changeLanguage(lang); appStore.changeLanguage(lang);
ElMessage.success(message[lang] || '切换语言成功!'); ElMessage.success(message[lang] || '切换语言成功!');

View File

@ -18,6 +18,7 @@ export const getLanguage = (): LanguageEnum => {
const i18n = createI18n({ const i18n = createI18n({
globalInjection: true, globalInjection: true,
allowComposition: true,
legacy: false, legacy: false,
locale: getLanguage(), locale: getLanguage(),
messages messages

View File

@ -92,11 +92,11 @@ import SearchMenu from './TopBar/search.vue';
import useAppStore from '@/store/modules/app'; import useAppStore from '@/store/modules/app';
import useUserStore from '@/store/modules/user'; import useUserStore from '@/store/modules/user';
import useSettingsStore from '@/store/modules/settings'; import useSettingsStore from '@/store/modules/settings';
import useNoticeStore from '@/store/modules/notice';
import { getTenantList } from '@/api/login'; import { getTenantList } from '@/api/login';
import { dynamicClear, dynamicTenant } from '@/api/system/tenant'; import { dynamicClear, dynamicTenant } from '@/api/system/tenant';
import { TenantVO } from '@/api/types'; import { TenantVO } from '@/api/types';
import notice from './notice/index.vue'; import notice from './notice/index.vue';
import useNoticeStore from '@/store/modules/notice';
const appStore = useAppStore(); const appStore = useAppStore();
const userStore = useUserStore(); const userStore = useUserStore();

View File

@ -13,8 +13,7 @@ export default defineConfig(({ mode, command }: ConfigEnv): UserConfig => {
resolve: { resolve: {
alias: { alias: {
'~': path.resolve(__dirname, './'), '~': path.resolve(__dirname, './'),
'@': path.resolve(__dirname, './src'), '@': path.resolve(__dirname, './src')
'vue-i18n': 'vue-i18n/dist/vue-i18n.cjs.js'
}, },
extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'] extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
}, },