vue 自定义cookie方法

在main.js中写

/* 自定义cookie相关方法 */

Vue. prototype. setCookie= function( cname, cvalue, exdays) {

var d = new Date();

d. setTime( d. getTime() + exdays * 24 * 60 * 60 * 1000);

var expires = "expires=" + d. toUTCString();

console. info( cname + "=" + cvalue + "; " + expires);

document. cookie = cname + "=" + cvalue + "; " + expires;

console. info( document. cookie);

}

//获取cookie

Vue. prototype. getCookie= function( cname) {

var name = cname + "=";

var ca = document. cookie. split( ";");

for ( var i = 0; i < ca. length; i++) {

var c = ca[ i];

while ( c. charAt( 0) == " ") c = c. substring( 1);

if ( c. indexOf( name) != - 1) return c. substring( name. length, c. length);

}

return "";

}

//清除cookie

Vue. prototype. clearCookie= function() {

this. setCookie( "username", "", - 1);

}

Vue. prototype. checkCookie= function() {

var user = this. getCookie( "username");

if ( user != "") {

alert( "Welcome again " + user);

} else {

user = prompt( "Please enter your name:", "");

if ( user != "" && user != null) {

this. setCookie( "username", user, 365);

}

}

}

调用 setcookie 和 getcookie

this.setCookie("username", "testname" , 2 )

this. getCookie( "username")

还有一种写法是把cookie的function 单独写入一个 js 文件，注意需要export，然后再 main.js 里面引入一下这个js文件，如这位博主所给出的方法

传送门：https://blog.csdn.net/thekingyu/article/details/79242671

这种写法也是可以的