首页 > Web开发 > 详细

js-cookie 插件的使用方法， cookie的使用存储和删除

时间：2020-04-27 09:08:32      阅读：74      评论：0      收藏：0      [点我收藏+]

一、安装

npm install js-cookie --save

二、引用

import Cookies from ‘js-cookie‘

三、一般使用

  1. 存到Cookie去
  1. // Create a cookie, valid across the entire site:  
  2. Cookies.set(‘name‘, ‘value‘);  
  3.    
  4. // Create a cookie that expires 7 days from now, valid across the entire site:  
  5. Cookies.set(‘name‘, ‘value‘, { expires: 7 });  
  6.    
  7. // Create an expiring cookie, valid to the path of the current page:  
  8. Cookies.set(‘name‘, ‘value‘, { expires: 7, path: ‘‘ });  
2.在Cookie中取出
  1. // Read cookie:  
  2. Cookies.get(‘name‘); // => ‘value‘  
  3. Cookies.get(‘nothing‘); // => undefined  
  4.    
  5. // Read all visible cookies:  
  6. Cookies.get(); // => { name: ‘value‘ }  
3.删除
  1. // Delete cookie:  
  2. Cookies.remove(‘name‘);  
  3.    
  4. // Delete a cookie valid to the path of the current page:  
  5. Cookies.set(‘name‘, ‘value‘, { path: ‘‘ });  
  6. Cookies.remove(‘name‘); // fail!  
  7. Cookies.remove(‘name‘, { path: ‘‘ }); // removed!  

四、特殊使用（在Cookie中存对象）

跟一般使用不同的是，从Cookie中取出的时候，要从字符串转换成json格式：
  1. const user = {  
  2. name: ‘lia‘,  
  3. age: 18}  
  4. Cookies.set(‘user‘, user)const liaUser = JSON.parse(Cookies.get(‘user‘))  
  1. // Create a cookie, valid across the entire site:  
  2. Cookies.set(‘name‘, ‘value‘);  
  3.    
  4. // Create a cookie that expires 7 days from now, valid across the entire site:  
  5. Cookies.set(‘name‘, ‘value‘, { expires: 7 });  
  6.    
  7. // Create an expiring cookie, valid to the path of the current page:  
  8. Cookies.set(‘name‘, ‘value‘, { expires: 7, path: ‘‘ });  

js-cookie 插件的使用方法， cookie的使用存储和删除

原文：https://www.cnblogs.com/yuanjili666/p/12783833.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
教程昨日排行
更多>
友情链接
汇智网   PHP教程   插件网  
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣，分享程序人生！