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

这篇文章主要为大家详细介绍了vue中设置、获取、删除cookie的方法，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编两巴掌来看看吧！

 

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中设置、获取、删除cookie的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持四海网。

本文来自：http://www.q1010.com/184/6124-0.html

注：关于vue中设置、获取、删除cookie的方法的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js