雖然現(xiàn)在的瀏覽器都能實(shí)現(xiàn)翻譯功能,但沒(méi)有什么是比甲方爸爸說(shuō)話更有權(quán)威的了。
問(wèn):如果實(shí)現(xiàn)后端數(shù)據(jù)傳送前端時(shí)中英切換?
答:可以通過(guò)請(qǐng)求頭設(shè)置一個(gè)為lang的值傳送給后臺(tái)围俘,然后后臺(tái)對(duì)lang=1進(jìn)行判斷,如果值為1表示英文琢融。如果沒(méi)有值界牡,表示中文,然后進(jìn)行數(shù)據(jù)的更改傳送吏奸。
問(wèn):那不是后臺(tái)傳送的數(shù)據(jù)呢欢揖?
答:可通過(guò)vue-i8n插件實(shí)現(xiàn)。
問(wèn):如何通過(guò)按鈕點(diǎn)擊或者時(shí)間觸發(fā)進(jìn)行中英切換奋蔚?
答:可以設(shè)置h5本地儲(chǔ)存她混,觸發(fā)事件時(shí)將lang進(jìn)行更改。
問(wèn):為什么要用h5本地儲(chǔ)存泊碑?
答坤按;cookie也可以,看個(gè)人習(xí)慣馒过。
1臭脓、安裝
? ? npm install vue-i18n? 或 yarn add vue-i18n
2、建新utils文件夾并建新storage.js用于儲(chǔ)存當(dāng)前語(yǔ)言標(biāo)識(shí)符
3腹忽、在src文件夾中建新i18n文件夾
?4来累、index.js中添加代碼
? ? 5、cn.js中以下代碼
6窘奏、en.js中以下代碼
注:en.js與cn.js對(duì)象中的key一定要對(duì)應(yīng)嘹锁,否則會(huì)出錯(cuò)
7、在main.js中掛載i18n
8着裹、在項(xiàng)目中如何運(yùn)用
? ? ? ? ? ? template標(biāo)簽中使用
? ? ? ? ? ? script標(biāo)簽中使用
9领猾、axios設(shè)置請(qǐng)求頭
10、觸發(fā)事件切換中英文
? ? ? ? ? ? ? ? ?事件觸發(fā)后進(jìn)行頁(yè)面刷新骇扇,不然無(wú)法觸發(fā)ajax請(qǐng)求摔竿,那后臺(tái)就不能切換后的數(shù)據(jù)重新發(fā)過(guò)來(lái),加上time參數(shù)是為了個(gè)別優(yōu)化少孝。