亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

有沒有童鞋遇到過同樣的問題:vue-element 的select選中后刷新頁面問題怎么回事哈啊?

有沒有童鞋遇到過同樣的問題:vue-element 的select選中后刷新頁面問題怎么回事哈?。?/h1>
開心每一天1111 2019-06-16 08:20:07
項目中開發中,需要用到語言切換功能,樣式用vue-element的select選擇器實現。代碼如下如:data(){return{options:[{value:'簡體中文',label:'簡體中文'},{value:'繁體中文',label:'繁體中文'},{value:'English',label:'English'}],value:'簡體中文'}},methods:{currentSel(selVal){if(selVal==='簡體中文'){//this.value=selValthis.$i18n.locale='zhCHS'console.log('切換簡體中文');}elseif(selVal==='繁體中文'){this.$i18n.locale='zhCHT';console.log('切換繁體中文');}elseif(selVal==='English'){this.$i18n.locale='en';console.log('切換English');}}}注釋:$i18n在main.js中設置的默認語言是中文簡體以上代碼能正常運行,點擊切換語言的時候,頁面能正常切換不同語言問題來了,如當切換到英文模式的時候(此時能正常顯示英文),然后刷新界面,又會重新回到默認的中文簡體模式請問我要如何能夠保存用戶切換語言的狀態呢,讓它不會隨界面刷新而重置可能問的比較小白,但想不通其中該如何操作,望各位大佬不吝賜教,謝謝!或者提供其它的方式解決
查看完整描述

2 回答

?
慕容708150

TA貢獻1831條經驗 獲得超4個贊

如果想刷新后保留已選擇語言,就需要緩存用戶緩存語言,這樣就需要使用到瀏覽器緩存了,cookie和localStorage等方案你可以根據自己需要選擇,然后每次在入口文件main.js中初始化的時候,先讀取緩存,如果存在,則初始化為緩存值,沒有,則設置為默認值。
                            
查看完整回答
反對 回復 2019-06-16
?
Helenr

TA貢獻1780條經驗 獲得超4個贊

options:[{
value:'zhCHS',
label:'簡體中文'
},
{
value:'zhCHT',
label:'繁體中文'
},{
value:'en',
label:'English'
}],
value:'zhCHS'
created(){
this.value=this.$i18n.locale
}
                            
查看完整回答
反對 回復 2019-06-16
  • 2 回答
  • 0 關注
  • 979 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號