赞
踩
vue中使用js-cookie
vue中使用JS-Cookie_IT-涛的博客-CSDN博客
JS-Cookie 是一个简单的、轻量级的、开源的 JavaScript 库,用于处理页面中的 cookies。它提供了一组简单的方法,让你可以轻松地设置、获取和删除 cookies。
以下是 JS-Cookie 的使用介绍:
1.引入 JS-Cookie 库
在 HTML 页面的 <head> 标签中引入 JS-Cookie 库:
- <head>
- <script src="path/to/js.cookie.js"></script>
- </head>
或者在 JavaScript 代码中通过其他方式引入,比如使用 ES6 模块化的语法。
2.设置 cookie
JS-Cookie 提供了 set 方法,用于设置 cookie 值。该方法接收三个参数:cookie 名称、cookie 值和一个可选的配置对象。
示例:
Cookies.set('name', 'value');
3.获取 cookie
JS-Cookie 提供了 get 方法,用于获取 cookie 值。该方法接收一个参数:cookie 名称。
示例:
Cookies.get('name'); // 返回 'value'
如果 cookie 不存在,则返回 undefined。
4.删除 cookie
JS-Cookie 提供了 remove 方法,用于删除指定的 cookie。该方法接收一个参数:cookie 名称。
示例:
Cookies.remove('name');
5.设置 cookie 配置
在设置 cookie 时,可以通过第三个参数传递一个配置对象,该配置对象包含以下属性:
示例:
Cookies.set('name', 'value', { expires: 7, path: '/', domain: 'example.com', secure: true, sameSite: 'strict' });
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。