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

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

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

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

以上这篇vue中设置、获取、删除cookie的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持创新互联。

标题名称：vue中设置、获取、删除cookie的方法
链接URL：http://cqcxhl.cn/article/peoscc.html

重庆分公司，新征程启航

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

其他资讯