欢迎来到代码驿站!

vue

当前位置:首页 > 网页前端 > vue

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

时间:2020-12-16 10:06:51|栏目:vue|点击:

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

内容如下:

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的全局变量

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

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

上一篇:vue.js 左侧二级菜单显示与隐藏切换的实例代码

栏    目:vue

下一篇:vue路由嵌套的SPA实现步骤

本文标题:vue中设置、获取、删除cookie的方法

本文地址:http://www.codeinn.net/misctech/33430.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有