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面向对象设计二 构造函数模式
Dec 20 Javascript
javascript实现可拖动变色并关闭层窗口实例
May 15 Javascript
ES6的新特性概览
Mar 10 Javascript
关于vue.js v-bind 的一些理解和思考
Jun 06 Javascript
vue渲染时闪烁{{}}的问题及解决方法
Mar 28 Javascript
详解vue-cli3使用
Aug 14 Javascript
node版本管理工具n包使用教程详解
Nov 09 Javascript
Vue的生命周期操作示例
Sep 17 Javascript
iSlider手机端图片滑动切换插件使用详解
Dec 24 Javascript
vue-model实现简易计算器
Aug 17 Javascript
javascript实现一款好看的秒表计时器
Sep 05 Javascript
linux服务器快速卸载安装node环境(简单上手)
Feb 22 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 array_push 数组函数
2009/12/26 PHP
php登陆页的密码处理方式分享
2013/10/14 PHP
调试WordPress中定时任务的相关PHP脚本示例
2015/12/10 PHP
必须收藏的23个php实用代码片段
2016/02/02 PHP
php 数据结构之链表队列
2017/10/17 PHP
图片连续滚动代码[兼容IE/firefox]
2009/06/11 Javascript
js判断输入是否为正整数、浮点数等数字的函数代码
2010/11/17 Javascript
JavaScript控制Session操作方法
2013/01/17 Javascript
js跳转页面方法总结
2014/01/29 Javascript
jQuery实现字符串按指定长度加入特定内容的方法
2015/03/11 Javascript
JQuery工具函数汇总
2015/06/15 Javascript
JS+CSS实现简易的滑动门效果代码
2015/09/24 Javascript
整理AngularJS框架使用过程当中的一些性能优化要点
2016/03/05 Javascript
jQuery获取radio选中项的值实例
2016/06/18 Javascript
jquery属性,遍历,HTML操作方法详解
2016/09/17 Javascript
jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码
2016/12/05 Javascript
jQuery中 bind的用法简单介绍
2017/02/13 Javascript
解决vue多个路由共用一个页面的问题
2018/03/12 Javascript
JS实现的汉字与Unicode码相互转化功能分析
2018/05/25 Javascript
Python中优化NumPy包使用性能的教程
2015/04/23 Python
Python实现的简单读写csv文件操作示例
2018/07/12 Python
Tkinter中复选菜单是否被选中的判断与设置方式
2020/03/04 Python
Django中的session用法详解
2020/03/09 Python
Python 如何定义匿名或内联函数
2020/08/01 Python
Python类成员继承重写的实现
2020/09/16 Python
CSS3 实现弹幕的示例代码
2017/08/07 HTML / CSS
英国街头品牌:Bee Inspired Clothing
2018/02/12 全球购物
工业设计专业个人求职信范文
2013/12/28 职场文书
幼儿园家长会邀请函
2014/01/15 职场文书
运动会广播稿50字
2014/01/26 职场文书
管理学院毕业生自荐信范文
2014/03/10 职场文书
服装采购员岗位职责
2014/03/15 职场文书
大学迎新晚会主持词
2014/03/24 职场文书
简单租房协议书
2014/10/21 职场文书
《詹天佑》教学反思
2016/02/20 职场文书
雄兵连:第三季先行图公开,天使恶魔联合,银河之力的新力量
2021/06/11 国漫