av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

vue儲存storage時含有布爾值的解決方案

瀏覽:33日期:2022-09-29 08:37:07
vue儲存storage時含有布爾值

今天遇到一個問題,需要將后臺返回的true和false存到storage中去,然后用儲存的這個值進行邏輯判斷,但是一直判斷都是錯誤的,后面查閱了一下資料才發現

在localstorage中儲存數據的時候,儲存的boolean值都會變成字符串,而不是剛開始儲存進去的boolean值

vue儲存storage時含有布爾值的解決方案

都變成了字符串

那么怎么解決呢?

一:前端進行一次轉化

if (localStorage.getItem(’布爾值’) == ’true’) {// 重新賦值為新的值’布爾值’ = true}

或者是在儲存的時候,就不要用boolean值進行存儲,用數字或者是其他的進行代替,然后判斷就是了

// 后臺返回的值是trueif (true) {localStorage.setItem(’布爾值’, 1)}else {localStorage.setItem(’布爾值’, 2)}// 需要用的時候if (localStorage.getItem(’布爾值’) == 1) {// 處理事件}else {// 處理事件}localstorage存儲布爾值的一次坑問題描述

最近工作中使用localstorage存貯一些共享的變量,結果在存貯布爾值的時候遇到了很多問題;

一般情況下,存取如下:

localstorage.setItem(’key’, value);//存localstorage.getItem(’key’);//取

但是在存儲布爾型數據時,由于localstorage中存儲的boolean數據都變成了字符串,故'true'=true及'false'==false,“true”==false顯示都為false,導致嘗試了很多次都沒有找到問題所在;

最終解決方法

當 localstorage 或 sessionstorage 存儲布爾值數據時,取到的數據變成了字符串’true’ ’false’,建議在存儲該類型數據時將 value 設置為 0、1,取值時用Number(localstorage.getItem(’key’)),再進行后續判斷操作;

具體代碼如下所示:

存值:

if (this.isChecked) { //0:checked localStorage.setItem('checked',0);} else { //1:not checked localStorage.setItem('checked',1);}

取值:

getFlag:function(){ var flag=Number(localStorage.getItem(’checked’)); if(flag==0){ this.flag=true; }else if(flag==1){ this.flag=false; }}總結:

localStorage和sessionStorage都只能存儲字符串類型的對象,對于JS中常用的數組或對象卻不能直接存儲;

可以通過JSON對象提供的parse和stringify將其他數據類型轉化成字符串,再存儲到storage中就可以了;

代碼如下:

存值:

localStorage.setItem('flag_data',JSON.stringify(flagData));

取值:

var flag_data=JSON.parse(localStorage.getItem('flag_data'));

以上為個人經驗,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: Vue
相關文章:
主站蜘蛛池模板: 精品毛片视频 | 亚洲国产成人av好男人在线观看 | 久久国产精品亚洲 | 天天夜夜人人 | 911影院 | 精品视频一区二区 | 一区二区精品 | 日韩在线资源 | 国产成人精品视频 | 国产在线观看免费 | a看片 | 亚洲国产一区在线 | 男女羞羞视频网站 | 国产精品欧美一区二区 | 国产精品免费一区二区三区四区 | 手机三级电影 | 国产一区二区影院 | 91久久久久久 | 久久www免费人成看片高清 | 91精品国产综合久久香蕉922 | 精品二区 | 国产 日韩 欧美 中文 在线播放 | 久久看精品 | 久久久国产亚洲精品 | 麻豆精品国产91久久久久久 | 99久久婷婷国产综合精品电影 | 色爽女 | 亚洲精品视频在线 | 91青青草视频 | 亚洲成人一级 | 国产精品明星裸体写真集 | 成人精品一区二区三区中文字幕 | www国产精品 | 亚洲成人免费 | 欧美群妇大交群中文字幕 | 91久久国产综合久久 | 久久99国产精品 | 国产99精品 | 日韩欧美在线视频一区 | a免费观看| 一区二区三区免费观看 |