国际化

src/lang/index.ts

@@ -31,7 +31,7 @@ const messages = {
 }
 
 // const language = (navigator.language || 'zh').toLocaleLowerCase(); // 这是获取浏览器的语言
-const defLanguage = localStorage.getItem('lang') || 'zh-CN';
+const defLanguage = localStorage.getItem('lang') || 'zh_CN';
 
 // console.log('当前的环境语言是：', language)
 console.log('当前的后台语言是：', localStorage.getItem('lang'))
@@ -39,7 +39,7 @@ const i18n = createI18n({
   allowComposition: true,
   legacy: false,
   locale: defLanguage,  // 设置默认语言
-  fallbackLocale: 'zh-CN', // 设置备用语言
+  fallbackLocale: 'zh_CN', // 设置备用语言
   messages: messages // 设置资源文件对象
 })
 
@@ -47,10 +47,10 @@ const i18n = createI18n({
 function vantLocales (app: App<Element>) {
   app.use(i18n)
   const lanMap = {
-    'hi-IN': hiIN,
-    'id-ID': idId,
-    'zh-CN': zhCN,
-    'en-US': enUS,
+    'zh_CN': zhCN,
+    'hi_IN': hiIN,
+    'id_ID': idId,
+    'en_US': enUS,
   }
 
   Locale.use(defLanguage, lanMap[defLanguage] || zhCN)

src/views/index/my/index.vue

@@ -154,10 +154,10 @@ const checkLanguage = () => {
 const showPicker = ref(false)
 
 const columns = [
-  { text: '中文', value: 'zh-CN' },
-  { text: 'Bahasa indonesia', value: 'id-ID' },
-  { text: 'हिंदी', value: 'hi-IN' },
-  { text: 'English', value: 'en-US' },
+  { text: '中文', value: 'zh_CN' },
+  { text: 'Bahasa indonesia', value: 'id_ID' },
+  { text: 'हिंदी', value: 'hi_IN' },
+  { text: 'English', value: 'en_US' },
   // { text: t('language.zh'), value: 'zh' },
   // { text: t('language.hi'), value: 'hi' },
   // { text: t('language.id'), value: 'id' },