vue界面刷新数据被清除 本地存储使用的详细说明

您所在的位置:网站首页 vue页面刷新时原有的数据还在吗 vue界面刷新数据被清除 本地存储使用的详细说明

vue界面刷新数据被清除 本地存储使用的详细说明

2022-05-31 01:22| 来源: 网络整理| 查看: 265

vue界面刷新数据被清除 本地存储使用的详细说明 时间:2021-08-30 来源:互联网 编辑:宝哥软件园 浏览:次

LocalStorage是html5中一个新的本地存储API,大小为5M,存储在浏览器中的方式是(key,value)

window . local storage . setitem(' key ',value);//保存文件window . local storage . getitem(' key ');//读取文件window . local storage . remove item(' key ');//清除文件vue:

1.创建新的store.js文件

LocalStorage只能存储字符串。非字符串数据将在存储前转换为字符串。存储一些复杂的数据类型可能会有一些麻烦。下面的方法是先用JSON.stringfy()方法将它们转换成字符串再存储,读取时用JSON.parse()方法还原。

const IDLIST _ KEY=' idlist//定义常量保存键值export default { save idlest(data){ window . local storage . setitem(idlest _ key,JSON . stringfy(data));},fetchIDlist(){返回JSON . parse(window . local storage . getitem(IDLIST _ KEY)| | '[]');}}2.介绍js文件:

3.使用:

store . saveidlist(selectIDlist);//save selection list=store . fetchidlist();//读取以上vue接口刷新数据清零。本地存储使用的详细说明是边肖分享的全部内容。希望能给大家一个参考,支持我们。

版权声明:vue界面刷新数据被清除 本地存储使用的详细说明是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。

上一篇:vue将毫秒数转化为正常日期格式的实例 下一篇:Chrome调试技巧(总结)


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3