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的9个陷阱及评点分析
May 16 Javascript
js location.replace与location.reload的区别
Sep 08 Javascript
js检查页面上有无重复id的实现代码
Jul 17 Javascript
在每个匹配元素的外部插入新元素的方法
Dec 20 Javascript
jquery实现在页面加载完毕后获取图片高度或宽度
Jun 16 Javascript
JavaScript实现简单获取当前网页网址的方法
Nov 09 Javascript
js实现文字无缝向上滚动
Feb 16 Javascript
JS FormData上传文件的设置方法
Jul 05 Javascript
用node和express连接mysql实现登录注册的实现代码
Jul 05 Javascript
Vue2.0权限树组件实现代码
Aug 29 Javascript
微信小程序picker组件关于objectArray数据类型的绑定方法
Mar 13 Javascript
Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法
Sep 11 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中OO之静态关键字以及类常量的详解
2013/06/07 PHP
PHP静态文件生成类实例
2014/11/29 PHP
php绘图之在图片上写中文和英文的方法
2015/01/24 PHP
PHP版本常用的排序算法汇总
2015/12/20 PHP
php使用正则验证中文
2016/04/06 PHP
微信公众平台开发教程⑥ 微信开发集成类的使用图文详解
2019/04/10 PHP
利用JQuery为搜索栏增加tag提示
2009/06/22 Javascript
jQuery Ajax之load()方法
2009/10/12 Javascript
为jQuery增加join方法的实现代码
2010/11/28 Javascript
js实现倒计时时钟的示例代码
2013/12/17 Javascript
Jquery动态替换div内容及动态展示的方法
2015/01/23 Javascript
jquery获取节点名称
2015/04/26 Javascript
JS实现点击按钮后框架内载入不同网页的方法
2015/05/05 Javascript
轻松实现javascript数据双向绑定
2015/11/11 Javascript
基于javascript实现动态时钟效果
2020/08/18 Javascript
jQuery 选择器(61种)整理总结
2016/09/26 Javascript
MUI 实现侧滑菜单及其主体部分上下滑动的方法
2018/01/25 Javascript
如何基于JS截获动态代码
2019/12/25 Javascript
python简单实现基于SSL的IRC bot实例
2015/06/15 Python
Python简单实现socket信息发送与监听功能示例
2018/01/03 Python
详解tensorflow训练自己的数据集实现CNN图像分类
2018/02/07 Python
Python企业编码生成系统总体系统设计概述
2019/07/26 Python
python实现人像动漫化的示例代码
2020/05/17 Python
python如何建立全零数组
2020/07/19 Python
python中取绝对值简单方法总结
2020/07/24 Python
天猫精选:上天猫,就够了
2016/09/21 全球购物
说一下mysql, oracle等常见数据库的分页实现方案
2012/09/29 面试题
会计师事务所审计实习自我鉴定
2013/09/20 职场文书
公务员培训心得体会
2013/12/28 职场文书
2014组织生活会方案
2014/05/19 职场文书
医生爱岗敬业演讲稿
2014/08/26 职场文书
运动会加油稿
2015/07/22 职场文书
如何书写先进事迹材料?
2019/07/02 职场文书
Mysql中where与on的区别及何时使用详析
2021/08/04 MySQL
JS创建或填充任意长度数组的小技巧汇总
2021/10/24 Javascript
Java 数组的使用
2022/05/11 Java/Android