Vue中的國際化

2021-10-07 15:42:02 字數 661 閱讀 3354

單純記錄使用過程中遇到的問題,基礎的用法看官網的就行了官網位址

1.script標籤裡面使用國際化,例如在methods裡面使用

methods:,,

]}}}

在html標籤屬性中使用,例如在placeholder中使用

:type=

"lock === 'lock' ? 'password' : 'text'"

:placeholder=

"$t('login.inputpassword')"

v-model=

"loginform.password"

>

3.回退本地化

以下語言環境資訊的 zh 語言環境中不存在 message 鍵:

const messages =

, zh:

}

當為 vuei18n 建構函式選項指定 fallbacklocale 選項時,message 鍵使用 en 語言環境進行本地化:

const i18n =

newvuei18n

()

Vue 語言國際化

1 安裝外掛程式 npm install vue i18n 中英文2 建立i18n例項src i18n index.jsimport vuei18n from vue i18n import vue from vue vue.use vuei18n const i18n new vuei18n ex...

vue實現國際化

這裡為了簡單,將所有的東西都寫到main.js,在實際的應用中需要將這些拆分到不同元件中。1.1 安裝vue的國際化支援npm install vue i18n當然如果你沒有沒事使用包管理工具,那麼你可以直接這樣使用 src script 1.2 配置使用 這裡我們使用包管理工具的方式配置,我們直接...

vue國際化 一

專案基於vue typescript iview,有國際化的需求,目前支援中文和英文兩種語言。本身國際化沒有什麼難度,但是typescript和iview還是有點需要注意的,特此記錄。vue i18n 是 vue.js 的國際化外掛程式。它可以輕鬆地將一些本地化功能整合到你的 vue.js 應用程式...