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 相关文章推荐
JQuery 获取和设置Select选项的代码
Feb 07 Javascript
多个datatable共存造成多个表格的checkbox都被选中
Jul 11 Javascript
基于jquery和svg实现超炫酷的动画特效
Dec 09 Javascript
基于jquery的手风琴图片展示效果实现方法
Dec 16 Javascript
jQuery实现产品对比功能附源码下载
Aug 09 Javascript
React实现点击删除列表中对应项
Jan 10 Javascript
JavaScript评论点赞功能的实现方法
Mar 13 Javascript
Bootstrap警告(Alerts)的实现方法
Mar 22 Javascript
vue组件watch属性实例讲解
Nov 07 Javascript
vue中element组件样式修改无效的解决方法
Feb 03 Javascript
vue-awesome-swiper 基于vue实现h5滑动翻页效果【推荐】
Nov 08 Javascript
Vue axios全局拦截 get请求、post请求、配置请求的实例代码
Nov 28 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 PDO中文乱码解决办法
2009/07/20 PHP
PHP 转义使用详解
2013/07/15 PHP
php使用explode()函数将字符串拆分成数组的方法
2015/02/17 PHP
详解PHP的Yii框架中组件行为的属性注入和方法注入
2016/03/18 PHP
Yii2中使用join、joinwith多表关联查询
2016/06/30 PHP
php 读写json文件及修改json的方法
2018/03/07 PHP
PHP的垃圾回收机制代码实例讲解
2021/02/27 PHP
javaScript parseInt字符转化为数字函数使用小结
2009/11/05 Javascript
a标签click和href执行顺序探讨
2014/06/23 Javascript
AngularJS入门教程之学习环境搭建
2014/12/06 Javascript
JavaScript动态创建link标签到head里的方法
2014/12/22 Javascript
js下拉选择框与输入框联动实现添加选中值到输入框的方法
2015/08/17 Javascript
Angular.JS利用ng-disabled属性和ng-model实现禁用button效果
2017/04/05 Javascript
浅谈ES6新增的数组方法和对象
2017/08/08 Javascript
JavaScript原型对象、构造函数和实例对象功能与用法详解
2018/08/04 Javascript
JS使用Prim算法和Kruskal算法实现最小生成树
2019/01/17 Javascript
全面了解JavaScript的作用域链
2019/04/03 Javascript
vue.js实现回到顶部动画效果
2019/07/31 Javascript
利用layer实现表单完美验证的方法
2019/09/26 Javascript
[40:06]DOTA2亚洲邀请赛 4.3 突围赛 Liquid vs VGJ.T 第一场
2018/04/04 DOTA
[11:42]2018DOTA2国际邀请赛寻真——OG卷土重来
2018/08/17 DOTA
教大家使用Python SqlAlchemy
2016/02/12 Python
Python使用Pycrypto库进行RSA加密的方法详解
2016/06/06 Python
Python实现基本线性数据结构
2016/08/22 Python
Python中XlsxWriter模块简介与用法分析
2018/04/24 Python
Python GUI Tkinter简单实现个性签名设计
2018/06/19 Python
Python 处理图片像素点的实例
2019/01/08 Python
利用python清除移动硬盘中的临时文件
2020/10/28 Python
CSS3中的5个有趣的新技术
2009/04/02 HTML / CSS
多视角3D逼真HTML5水波动画
2016/03/03 HTML / CSS
DOUGLAS荷兰:购买香水和化妆品
2020/10/24 全球购物
.net工程师笔试题
2012/06/09 面试题
中学生校园广播稿
2014/01/16 职场文书
招聘专员岗位职责
2014/03/07 职场文书
巾帼志愿者活动方案
2014/08/17 职场文书
高中政治教学反思
2016/02/23 职场文书