vuecli3有關i18n中英文切換問題

2021-10-12 10:35:31 字數 882 閱讀 6046

npm install vue-i18n
import vuei18n from


'vue-i18n'


;vue.


use(vuei18n)


;//有關i18n


const i18n =


newvuei18n(}


)new


vue().


$mount


()
main.js同級建立乙個lang的資料夾，lang資料夾裡包含zh.js en.js 分別存放中英文的內容

zh.js中內容

export


const m =
en.js中內容

export


const m =
} m表示語言包裡輸出物件的總體變數名，一定要兩個語言包裡都設定一樣的變數名（例如m）

//vue中使用


}
選擇語言：


中文english
這樣只要是寫入}裡的地方(某某某為語言包物件裡具體的變數名稱）通過切換中英文的按鈕就可以實現匯入不同的語言包然後顯示中英文切換的樣式了。ps：如果是一些前端寫死的導航啊或者是通常不變的名稱則可以這樣使用i18n來切換中英文實現國際化，但如果是後端傳入的文章或者是其他資料需要中英文切換，則無法實現。

i18n呼叫自己引數 I18N的前後端實現

所需工具 1 vue 2 vue i18n 前期設定 1 構建兩個json語言字典，如果就中英文切換就分別構建 string en.json 和string zh.json，格式如下 2 讀取前一步驟建立的字典，並構造vuei18n元素 獲取本地語言包 非同步獲取會沒有response，需要暫時關閉...

I18N對應備忘表

中國 簡體中文 簡體中文 中國 zh cn 正體中文 台灣地區 zh tw 正體中文 香港 zh hk 英語 香港 en hk 英語 美國 en us 英語 英國 en gb 英語 全球 en ww 英語 加拿大 en ca 英語 澳大利亞 en au 英語 愛爾蘭 en ie 英語 芬蘭 en f...

i18n呼叫自己引數 用i18n做國際化go後端

相關 檔案在 internationalization，取開頭和結尾字母，算一下字母數18，組合一下就是i18n，這是乙個約定俗稱的叫法。在其他語言中，做國際化的相關包一般也會以這個名字命名。我這裡使用的是 這個底下的i18n包 安裝過後，在根目錄建乙個i18n的資料夾，新建兩個不同語言的檔案。en...