Vue 語言國際化

2021-09-11 20:44:31 字數 984 閱讀 3957

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(,

});export default i18n;

3、在main.js 中引入外掛程式

import i18n from '@/i18n';  //vue-i18n

new vue()

4、定義語言檔案 src/i18n/lang/src/i18n/lang/zh-cn.js

module.exports = 

}

src/i18n/lang/en.js

module.exports = 

}

5、元件中使用按鈕切換

、直接使用-》}

、資料定義-》this.$t(「system.language」)

切換中英文

系統名稱:}

系統語言:}

6、效果圖

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 應用程式...

QT QML語言國際化

話說這個都寫爛大街了,主要還是自己做下記錄,畢竟好記性不如爛筆頭啊!說明下背景 qt,qml翻譯,語言國際化,大概的操作過程與 的編寫,就是書寫需要翻譯的字串加上翻譯標識,通過配置工程檔案生成需要的ts檔案,修改ts檔案,發布生成需要的qm檔案,然後在cpp 上載入設定需要的翻譯檔案。具體下面說明 ...