首页 > 编程 > JavaScript > 正文

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

2019-11-19 12:52:38
字体:
来源:转载
供稿:网友

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的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表