当前位置 : 主页 > 网页制作 > html >

Cookie的使用(js-cookie插件)

来源:互联网 收集:自由互联 发布时间:2021-06-12
参考网址:https://www.jianshu.com/p/6e1bacd35f59 一、安装 npm install js-cookie --save 二、引用 import Cookies from ‘js-cookie‘ 三、一般使用 存到Cookie去 //Createacookie,validacrosstheentiresite: Cookies.set( ‘name‘

参考网址:https://www.jianshu.com/p/6e1bacd35f59

一、安装

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: ‘‘ });  
网友评论