Vue框架--cookie与session操作
1. 设置cookie
# 三个参数分别代表 cookie名称、cookie值、设置cookie有效期 (天:d ,小时:h)
this.$cookies.set("username", response.data.userinfo.username, "15d")
this.$cookies.set("identify", response.data.userinfo.identify, "15d")
2. 获取cookie值
# 通过cookie名称去获取 cookie值
this.username = this.$cookies.get("username")
this.username_zh = this.$cookies.get("username_zh")
3. 删除cookie
# 通过cookie名称去删除cookie
this.$cookies.remove("username")
this.$cookies.remove("token")
4.session操作
# 存储数据
sessionStorage.setItem('key', 'value');
# 获取数据
const data = sessionStorage.getItem('key');
console.log(data); // 输出 'value'
# 删除数据
sessionStorage.removeItem('key');
# 清除所有会话数据
sessionStorage.clear();
5.通过js方式获取cookie
转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。
文章标题:Vue框架--cookie与session操作
本文作者:伟生
发布时间:2023-09-08, 22:44:12
最后更新:2024-03-06, 22:32:34
原始链接:http://yoursite.com/2023/09/08/qianduan_04_vue_study_7_cookie/版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。