前端實現多語言

現在開發者解決多語言普遍的三種解決方案：

為每個頁面提供每種語言的相關頁面。

第二種是把內容從表現形式中分離出來，做不同語言的內容檔案。

第三種是動態翻譯頁面內容。第三種很少見，而且機器翻譯技術還很難達到人們的預期。

實現方法：

比較笨的方法，就是把所有的語言寫好，放在同乙個頁面，加上不同的class，用jquery控制class的顯示和隱藏。

將控制語言的開關switch存在cookie裡。為了避免頁面同時載入所有語言，可以先讓頁面隱藏，用jquery控制延遲顯示。

通過vue l18m來實現多語言切換

簡介：vue l18n是vue.js的國際化外掛程式

1. 安裝：

npm install vue-l18n

2. 引入：

main.js

import vuei18n from 'vue-i18n'vue.use(vuei18n);

const i18n = new
vuei18n(
})

5. 模板渲染

<

p>}
p>

so easy 前端實現多語言

每個公司業務不一樣，此解決方案僅做參考 git demo位址 其實現在開發者解決多語言普遍三種解決方案 第乙個是為每個頁面提供每種語言的相關頁面。第二種是把內容從表現形式中分離出來，做不同語言的內容檔案。第三種是動態翻譯頁面內容。第三種很少見，而且機器翻譯技術還很難達到人們的預期。其實第二種相對來說...

so easy 前端實現多語言

每個公司業務不一樣，此解決方案僅做參考 git demo位址 其實現在開發者解決多語言普遍三種解決方案 第乙個是為每個頁面提供每種語言的相關頁面。第二種是把內容從表現形式中分離出來，做不同語言的內容檔案。第三種是動態翻譯頁面內容。第三種很少見，而且機器翻譯技術還很難達到人們的預期。其實第二種相對來說...

so easy 前端簡單實現多語言

html中給標籤加個lang屬性，到時候頁面載入時遍歷所有這些有lang屬性的標籤去實現切換語言 js裡的文字用方法實現轉換語言 把使用者選擇的語言存到cookie裡吧，嗯！拿個小本本記下來 做個快取，請求過的語言檔案就不再請求了 暫時就這些吧.簡體中文 click here var dict fu...