前端中操作数据的时候一般都会用到storage本地存储,但是有些小朋友发现存储的数据变了,不是自己想要的结果;还有一些朋友存储的数据就是字符串或数字,但是操作可能有点复杂;今天就把我一位朋友告诉我的方法献给大家;简单易用;
第一步:新建一个js文件,把下边的代码复制进去;
/** *Storage,Session工具类 */ /*****************localStorage********************/ var storage = window.localStorage; // 保存数据 export function setStorageData(key, value){ if(!window.localStorage){ alert("浏览器支持不localstorage"); }else{ storage.setItem(key, JSON.stringify(value)); } } // 获取数据 export function getStorageData(key){ return JSON.parse(storage.getItem(key)); } /*****************sessionStorage********************/ // 保存数据 export function setSessionData(key, value){ sessionStorage.setItem(key, JSON.stringify(value)); } // 获取数据 export function getSessionData(key){ return JSON.parse(sessionStorage.getItem(key)); } // 移除数据 export function removeSessionData(key){ sessionStorage.removeItem(key); } // 移除所有数据 export function clearSessionData(){ sessionStorage.clear(); }
第二步:在需要使用的组件中引用;
import {setSessionData ,getSessionData} from '@/utils/storage.js'
第三步:就是使用了;
setSessionData("fetalDataArray",that.fetalDataArray);//存储json数据
getSessionData('fetalDataArray');//获取json数据
感谢每一位奉献技术的朋友