vue 界面刷新数据被清除 localStorage的使用详解
更新时间：2018年09月16日 13:33:00 作者：xingxingxingge
今天小编就为大家分享一篇vue 界面刷新数据被清除 localStorage的使用详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
localStorage是html5新增的一个本地存储API,它有5M的大小空间,通过(key,value)的方式存储在浏览器中
window.localStorage.setItem('key', value); //储存文件
window.localStorage.getItem('key'); //读取文件
window.localStorage.removeItem('key'); //清除文件
vue中使用方法：
1、新建一个store.js文件
localStorage只能存储字符串，非字符串的数据在存储之前会被转换成字符串。在存储一些复杂数据类型时可能有些麻烦,下面方法是先使用JSON.stringfy()方法将其转换为字符串后存储,读取时使用JSON.parse()方法进行还原。
const IDLIST_KEY = 'idlist'; //定义常量保存键值
export default {
saveIDlist(data){
window.localStorage.setItem(IDLIST_KEY,JSON.stringify(data));
},
fetchIDlist(){
return JSON.parse(window.localStorage.getItem(IDLIST_KEY)|| '[]');
}
}
2、引入js文件：
3、使用：
store.saveIDlist(selectIDlist); //保存 selectIDlist = store.fetchIDlist(); //读取
以上这篇vue 界面刷新数据被清除 localStorage的使用详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要给大家介绍了关于vue中自定义指令directive的相关资料,自定义指令解决的问题或者说使用场景是对普通 DOM 元素进行底层操作,所以我们不能盲目的胡乱的使用自定义指令,需要的朋友可以参考下2021-09-09
Vue + Element UI 实现权限管理系统之菜单功能实现代码
菜单管理是一个对菜单树结构的增删改查操作，这篇文章主要介绍了Vue + Element UI 实现权限管理系统之菜单功能实现代码,需要的朋友可以参考下2022-02-02
这篇文章主要介绍了vue中js判断长时间不操作界面自动退出登录,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2020-01-01
Vue中使用iframe踩坑问题记录 iframe+postMessage
这篇文章主要介绍了Vue中使用iframe踩坑问题记录 iframe+postMessage，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
vue3中v-for报错'item'is of type'unknown'的
在写vue3+ts的项目,得到一个数组,需要循环展示,使用v-for循环,写完之后发现有个报错,接下来通过本文给大家介绍vue3中v-for报错 ‘item‘ is of type ‘unknown‘的解决方法,感兴趣的朋友一起看看吧2023-11-11
这篇文章主要为大家介绍了vue修饰符v-model及.sync原理及使用区别详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
Vue中的侦听器是一种响应式机制，可以对指定的数据进行监听，并在数据变化时执行相应的回调函数。常用于监听复杂数据类型的变化，如对象和数组。通过侦听器，可以实现数据的自动更新和逻辑处理等功能，提高代码的可读性和可维护性2023-05-05
这篇文章主要介绍了vue查询数据el-table不更新数据的问题及解决方案，本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2022-12-12
vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载，本文重点介绍VUE前端vue.config.js简介，感兴趣的朋友跟随小编一起看看吧2023-01-01
这篇文章主要介绍了在vue里添加好看的lottie动画效果的方法，在vue中引入lottie非常简单,需要的朋友可以参考下2018-08-08
最新评论