vue中设置、获取、删除cookie的方法


Posted in Javascript onSeptember 21, 2018

1、在src目录下的access下新建一个cookie.js,

vue中设置、获取、删除cookie的方法

内容如下:

export function setCookie(c_name,value,expire) {
 var date=new Date()
 date.setSeconds(date.getSeconds()+expire)
 document.cookie=c_name+ "="+escape(value)+"; expires="+date.toGMTString()
 //console.log(document.cookie)
}
 
export function getCookie(c_name){
 if (document.cookie.length>0){
  let c_start=document.cookie.indexOf(c_name + "=")
  if (c_start!=-1){ 
   c_start=c_start + c_name.length+1 
   let c_end=document.cookie.indexOf(";",c_start)
   if (c_end==-1) c_end=document.cookie.length
    return unescape(document.cookie.substring(c_start,c_end))
   } 
  }
 return ""
}
 
export function delCookie(c_name){
 setCookie(c_name, "", -1)
}

2、在main.js中引入并且将cookie设置成vue的全局变量

vue中设置、获取、删除cookie的方法

3、这样,在登录或退出等页面上就可以调用$cookieStore这个全局变量来使用

// 将用户名存进cookie,第三个参数60为秒,意味着一分钟后cookie自动消失。一天为 86400 s
 this.$cookieStore.setCookie( 'username' ,this.username,60);

以上这篇vue中设置、获取、删除cookie的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 实现??打印?理
Apr 28 Javascript
jQuery on方法传递参数示例
Dec 09 Javascript
javascript 动态修改css样式方法汇总(四种方法)
Aug 27 Javascript
JQuery实现网页右侧随动广告特效
Jan 17 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(1)
Feb 20 Javascript
详解JS中遍历语法的比较
Apr 07 Javascript
xmlplus组件设计系列之按钮(2)
Apr 26 Javascript
vue中component组件的props使用详解
Sep 04 Javascript
详解使用Vue Router导航钩子与Vuex来实现后退状态保存
Sep 11 Javascript
简单了解node npm cnpm的具体使用方法
Feb 27 Javascript
validform表单验证的实现方法
Mar 08 Javascript
微信小程序如何获取地址
Dec 24 Javascript
Vue实现动态添加或者删除对象和对象数组的操作方法
Sep 21 #Javascript
vue富文本编辑器组件vue-quill-edit使用教程
Sep 21 #Javascript
React实现全局组件的Toast轻提示效果
Sep 21 #Javascript
vue中进入详情页记住滚动位置的方法(keep-alive)
Sep 21 #Javascript
vue 使某个组件不被 keep-alive 缓存的方法
Sep 21 #Javascript
解决vue keep-alive 数据更新的问题
Sep 21 #Javascript
vue axios基于常见业务场景的二次封装的实现
Sep 21 #Javascript
You might like
PHP 数组排序方法总结 推荐收藏
2010/06/30 PHP
PHP动态分页函数,PHP开发分页必备啦
2011/11/07 PHP
phpmyadmin中禁止外网使用的方法
2014/11/04 PHP
php备份数据库类分享
2015/04/14 PHP
Yii框架引用插件和ckeditor中body与P标签去除的方法
2017/01/19 PHP
JavaScript TO HTML 转换
2006/06/26 Javascript
Prototype使用指南之selector.js
2007/01/10 Javascript
JavaScript 组件之旅(三):用 Ant 构建组件
2009/10/28 Javascript
js三种排序算法分享
2012/08/16 Javascript
Ajax执行顺序流程及回调问题分析
2012/12/10 Javascript
JS上传前预览图片实例
2013/03/25 Javascript
JavaScript实现添加、查找、删除元素
2015/07/02 Javascript
JavaScript创建对象的方式小结(4种方式)
2015/12/17 Javascript
BootStrap智能表单实战系列(三)分块表单配置详解
2016/06/13 Javascript
Bootstrap Table的使用总结
2016/10/08 Javascript
纯js三维数组实现三级联动效果
2017/02/07 Javascript
JavaWeb表单及时验证功能在输入后立即验证(含用户类型,性别,爱好...的验证)
2017/06/09 Javascript
Javascript中Promise的四种常用方法总结
2017/07/14 Javascript
100行代码实现vue表单校验功能(小白自编)
2019/11/19 Javascript
[02:19]DOTA选手解说齐贺岁
2018/02/11 DOTA
[05:03]2018DOTA2亚洲邀请赛主赛事首日回顾
2018/04/04 DOTA
python多进程操作实例
2014/11/21 Python
Python中的pygal安装和绘制直方图代码分享
2017/12/08 Python
浅谈Tensorflow模型的保存与恢复加载
2018/04/26 Python
Django中的文件的上传的几种方式
2018/07/23 Python
使用python将最新的测试报告以附件的形式发到指定邮箱
2019/09/20 Python
解决python ThreadPoolExecutor 线程池中的异常捕获问题
2020/04/08 Python
python中翻译功能translate模块实现方法
2020/12/17 Python
python中lower函数实现方法及用法讲解
2020/12/23 Python
可自定义箭头样式的CSS3气泡提示框
2016/03/16 HTML / CSS
html5中JavaScript removeChild 删除所有节点
2014/05/16 HTML / CSS
机械机修工岗位职责
2014/08/03 职场文书
民事答辩状格式范文
2015/05/21 职场文书
干部考核工作总结2015
2015/07/24 职场文书
2016教师节问候语
2015/11/10 职场文书
升级 Win11 还是坚守 Win10?微软 Win11 新系统缺失功能大盘点
2022/04/05 数码科技