Vue多語言切換 i18n使用

2022-03-23 00:46:05 字數 751 閱讀 3783

vue使用中經常設計到多語言切換。

官方文件比較通俗,1小時看完就會上手,我簡單記錄下自己在使用犯蠢的錯誤。

1.$tc 用於複數,例如英文一般分單複數

這裡的複數,指的是同乙個字段,可能根據單複數不同可以有多個值對關係;

const messages =  banana |  bananas'

}}}}

2.$t 使用在一般場景,替換值為單個元素的

注意:$tc可以用於複數和非複數情況,$t只能用於非複數情況

3.$te 返回的是boolean值,判斷key是否存在。

4.v-t 指令形式的表達

i18n: new vuei18n(

}}),

data:

問題1.cannot translate the value of keypath 'home.totalassets'

無法成功展示,切換

很多人說是下面的這個配置:

silentfallbackwarn:true,//避免退到 fallbacklocale 產生警告

然鵝,我犯得比較低階的錯誤,我把定義i18n中的messages,寫成了message。粗心造成的問題,害我找了半天。

vue 國際化i18n 多語言切換

安裝 npm install vue i18n 新建乙個資料夾 i18n 內新建 en.js zh.js index.js 三個檔案 準備翻譯資訊 en.js export default zh.js export default index.js 建立vue i18n例項 import vue f...

I18n實現多語言包

url localization 外掛程式介紹 在 rails 2.2 版本之前,rails 應用程式都是採用localization外掛程式實現應用程式的本地化,支援多語言。localization有點類似於gettext,使用很簡單的方法就可以為你的應用實現多語言支援,進而實現應用的本地化。ra...

jquery i18n 多語言切換

參考部落格 參考部落格 注意 1.查詢路徑是,path name language properties 所以這三個引數很重要。也是通過,language引數的變化,進行多語言切換的。2.自定義的元素屬性是data lang 配置的key值 當然這個元素屬性可以自己定義,例如lang detail等...