vue-i18n中英切換插件使用

雖然現(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)化少孝。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末继低,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子稍走,更是在濱河造成了極大的恐慌郁季,老刑警劉巖冷溃,帶你破解...
    沈念sama閱讀 216,997評(píng)論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異梦裂,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)盖淡,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,603評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門年柠,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人褪迟,你說(shuō)我怎么就攤上這事冗恨。” “怎么了味赃?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,359評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵掀抹,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我心俗,道長(zhǎng)傲武,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,309評(píng)論 1 292
  • 正文 為了忘掉前任城榛,我火速辦了婚禮揪利,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘狠持。我一直安慰自己疟位,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,346評(píng)論 6 390
  • 文/花漫 我一把揭開(kāi)白布喘垂。 她就那樣靜靜地躺著甜刻,像睡著了一般。 火紅的嫁衣襯著肌膚如雪正勒。 梳的紋絲不亂的頭發(fā)上得院,一...
    開(kāi)封第一講書(shū)人閱讀 51,258評(píng)論 1 300
  • 那天,我揣著相機(jī)與錄音昭齐,去河邊找鬼尿招。 笑死,一個(gè)胖子當(dāng)著我的面吹牛阱驾,可吹牛的內(nèi)容都是我干的就谜。 我是一名探鬼主播,決...
    沈念sama閱讀 40,122評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼里覆,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼丧荐!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起喧枷,我...
    開(kāi)封第一講書(shū)人閱讀 38,970評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤虹统,失蹤者是張志新(化名)和其女友劉穎弓坞,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體车荔,經(jīng)...
    沈念sama閱讀 45,403評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡渡冻,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,596評(píng)論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了忧便。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片族吻。...
    茶點(diǎn)故事閱讀 39,769評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖珠增,靈堂內(nèi)的尸體忽然破棺而出超歌,到底是詐尸還是另有隱情,我是刑警寧澤蒂教,帶...
    沈念sama閱讀 35,464評(píng)論 5 344
  • 正文 年R本政府宣布巍举,位于F島的核電站,受9級(jí)特大地震影響凝垛,放射性物質(zhì)發(fā)生泄漏懊悯。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,075評(píng)論 3 327
  • 文/蒙蒙 一苔严、第九天 我趴在偏房一處隱蔽的房頂上張望定枷。 院中可真熱鬧,春花似錦届氢、人聲如沸欠窒。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,705評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)岖妄。三九已至,卻和暖如春寂祥,著一層夾襖步出監(jiān)牢的瞬間荐虐,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,848評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工丸凭, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留福扬,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,831評(píng)論 2 370
  • 正文 我出身青樓惜犀,卻偏偏與公主長(zhǎng)得像铛碑,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子虽界,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,678評(píng)論 2 354