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

安宇雨 - 随手采集
2019-11-29 12:50:48
随手采集
0000-未整理-等待研究

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 you're relying on the default attributes.
Note: Removing unexisting cookie does not raise any exception nor return any value

; "复制代码")

Original url: Access
Created at: 2019-11-29 12:50:47
Category: default
Tags: vue, cookie, js-cookie

未标明原创文章均为采集，版权归作者所有，转载无需和我联系，请注明原出处，南摩阿彌陀佛，知识，不只知道，要得到

请先后发表评论