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

时间： 2018-09-20