vue 中 直接操作 cookie 及 如何使用工具 js-cookie

Posted xiangsj

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 中 直接操作 cookie 及 如何使用工具 js-cookie相关的知识,希望对你有一定的参考价值。

vue 中直接操作 cookie

以下3种操作方式

set: function (name, value, days) {

    var d = new Date;

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

    window.document.cookie = name + "=" + value + ";path=/;expires=" + d.toGMTString();

},

get: function (name) {

    var v = window.document.cookie.match((^|;) ? + name + =([^;]*)(;|$));

    return v ? v[2] : null;

},

delete: function (name) {

    this.set(name, ‘‘, -1);

}

 

使用 js-cookie 工具:(比较方便,推荐使用)

工具地址:https://www.npmjs.com/package/js-cookie

//安装 
cnpm i js-cookie
//引入
import Cookies from js-cookie

    //使用
    技术分享图片

具体使用见以下:

Basic Usage

Create a cookie, valid across the entire site:

Cookies.set(name, value);
Create a cookie that expires 7 days from now, valid across the entire site:

Cookies.set(name, value, { expires: 7 });
Create an expiring cookie, valid to the path of the current page:

Cookies.set(name, value, { expires: 7, path: ‘‘ });
Read cookie:

Cookies.get(name); // => ‘value‘
Cookies.get(nothing); // => undefined
Read all visible cookies:

Cookies.get(); // => { name: ‘value‘ }
Delete cookie:

Cookies.remove(name);
Delete a cookie valid to the path of the current page:

Cookies.set(name, value, { path: ‘‘ });
Cookies.remove(name); // fail!
Cookies.remove(name, { path: ‘‘ }); // removed!
IMPORTANT! when deleting a cookie, you must pass the exact same path and domain attributes that was used to set the cookie, unless youre relying on the default attributes.

Note: Removing unexisting cookie does not raise any exception nor return any value

 

以上是关于vue 中 直接操作 cookie 及 如何使用工具 js-cookie的主要内容,如果未能解决你的问题,请参考以下文章

Cookie和Session

Cookie和Session

Cookie和Session

Go之Cookie和Session

vue中使用cookie记住用户上次选择(本次例子中为下拉框)

vue打包后,接口请求404的完美解决方案