博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue封装WebStorage组件使用
阅读量:4111 次
发布时间:2019-05-25

本文共 569 字,大约阅读时间需要 1 分钟。

新建storage.js:

export const local={  set(key,value){      localStorage.setItem(key,JSON.stringify(value));  },  get(key){      return JSON.parse(localStorage.getItem(key));  },  remove(key){      localStorage.removeItem(key);  }}export const session={    set(key,value){        sessionStorage.setItem(key,JSON.stringify(value));    },    get(key){        return JSON.parse(sessionStorage.getItem(key));    },    remove(key){        sessionStorage.removeItem(key);    }}

组件中按需引入:

import {local} from "../../utils/storage"//使用local.set("userName", this.ruleForm.username);

 

转载地址:http://unesi.baihongyu.com/

你可能感兴趣的文章
Merge Two Sorted Lists 合并两个有序链表
查看>>
pow(x,n) 为什么错这么多次
查看>>
Jump Game 动态规划
查看>>
Binary Tree Maximum Path Sum 自底向上求解(重重重重)
查看>>
Subsets 深搜
查看>>
Subsets II
查看>>
Edit Distance 字符串距离(重重)
查看>>
Gray Code 格雷码
查看>>
对话周鸿袆:从程序员创业谈起
查看>>
web.py 0.3 新手指南 - 如何用Gmail发送邮件
查看>>
web.py 0.3 新手指南 - RESTful doctesting using app.request
查看>>
web.py 0.3 新手指南 - 使用db.query进行高级数据库查询
查看>>
web.py 0.3 新手指南 - 多数据库使用
查看>>
一步步开发 Spring MVC 应用
查看>>
python: extend (扩展) 与 append (追加) 的差别
查看>>
「译」在 python 中,如果 x 是 list,为什么 x += "ha" 可以运行,而 x = x + "ha" 却抛出异常呢?...
查看>>
谷歌阅读器将于2013年7月1日停止服务,博客订阅转移到邮箱
查看>>
浅谈JavaScript的语言特性
查看>>
LeetCode第39题思悟——组合总和(combination-sum)
查看>>
LeetCode第43题思悟——字符串相乘(multiply-strings)
查看>>