vue中如何實現實現中英文切換

2021-09-27 09:26:45 字數 767 閱讀 3682

npm i vue-i18n
import vuei18n from 'vue-i18n'

vue.use(vuei18n) // 通過外掛程式的形式掛載

const i18n = new vuei18n(

})/* eslint-disable no-new */

new vue()

在 main.js 中的**中,可以看到,當 locale 的值為『zh-cn』時,版本為中文;當 locale 的值為『en-us』,版本為英文。當然你也可以換成 zh 和 en,這個自定義就好,對應上就可以。

en.js 英文語言包:

export const m =
zh.js中文語言包:

export const m =
changelangevent()  else 

}

我們知道 vue 中對於文字資料的渲染,有以『』}『』或者 v-text、v-html等的形式,同樣的使用國際化後,依舊可以沿用,但需要一點修改。

v-text:

}:}

Qt 語言家實現中英文切換

在qt的專案檔案 pro 中加入 translations ts yyy.ts 假設是多行,則用 切割 translations cn.ts en.ts 工具 外部 qt語言家 更新翻譯,可以獲取cn.ts和en.ts 用qt lingust開啟en.ts,將中文翻譯成中文 然後 工具 外部 qt語...

實現介面中英文

乙個支援多種語言的程式 一般都是由主程式和多個語言包 資源檔案 組成。執行時,根據不同的語言設定 來讀相應的資源檔案。結合自己開發 resourceworkshop net 資源檔案生成器 的體會,覺得應該注意下面幾個問題 1 字型 字型大小的選擇。一種方法,窗體 控制項的字型全部採用預設的字型,即...

vue根據按鈕進行中英文切換

剛學習vue不久,所以對vue了解還不是很深,一直處於邊做邊查的狀態,這幾天開發乙個雙語 內容如下,希望對大家有幫助。安裝 vue i18n外掛程式npm install vue i18n 1.首先是引進i18n 然後在index.js中 import vuei18n from vue i18n i...