vue PC端国际化一站式解决方案
紅色部分已處理,藍(lán)色部參考處理方式,進(jìn)行處理即可,暫未處理
文章目錄
- 1. 參考項(xiàng)目
- 2. 實(shí)現(xiàn)思路
- 3. 關(guān)鍵步驟
1. 參考項(xiàng)目
參考:https://github.com/linjinze999/vue-llplatform
2. 實(shí)現(xiàn)思路
-
前端部分:
國(guó)際化分2部分進(jìn)行,參考文檔
https://linjinze999.github.io/vue-llplatform/docs/project/language.html
-
數(shù)據(jù)庫(kù)部分:
不用返回具體的菜單對(duì)用的值,只需返回類(lèi)似下面這種對(duì)應(yīng)國(guó)際化的key表達(dá)式即可。
-
單頁(yè)面部分
其他頁(yè)面需要單獨(dú)處理,首先獲取當(dāng)前是什么語(yǔ)言,然后再,頁(yè)面渲染出來(lái)之前將根據(jù)具體的國(guó)際化語(yǔ)言顯示對(duì)應(yīng)的值
3. 關(guān)鍵步驟
-
菜單部分
給每個(gè)菜單都添加一個(gè)title,title的取值從國(guó)際化語(yǔ)言對(duì)應(yīng)的key即可
-
單頁(yè)面部分
先獲取當(dāng)前的語(yǔ)言,冬天顯示國(guó)際化對(duì)應(yīng)的值 -
其他頁(yè)面部分
先獲取當(dāng)前的語(yǔ)言,冬天顯示國(guó)際化對(duì)應(yīng)的值
總結(jié)
以上是生活随笔為你收集整理的vue PC端国际化一站式解决方案的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 企业微信H5_集成消息解密类,消息推送G
- 下一篇: vue+vant 移动端H5 商城项目_