Vue前端設置cookies

vue-cookies

---

 

一、模塊的安裝

npm install vue-cookies --save

二.配置main.js

// 全局配置cookie，組件調用方式：this.$cookies
import cookies from 'vue-cookies'
Vue.prototype.$cookies = cookies; 
//配置cookies生命周期，單位不區分大小寫
this.$cookies.config('1d') //填的值1d為一天,1h為一小時,1min為一分鍾,1s為1秒：如下表

 

時間單位	單位全名
y	year（年）
m	month（月）
d	day（日）
h	hour（時）
min	minute（分）
s	second（秒）

三.使用方式

• 設置cookies:this.$cookies.set(key,value)   例如=======>this.$cookies.set('userInfo',‘’)

• 獲取指定的cookies:this.$cookies.get(key)

• 獲取所有cookies返回為數組的形式:this.$cookies.keys(key)

• 刪除:this.$cookies.remove(key)

• 刪除后如果沒有重啟瀏覽器，cookies的key還在的,不過value為空。

• 檢查某個cookies的value是否存在:this.$cookies.isKey(key)

四.舉個栗子

（1）將用戶id寫入cookies中
        this.$cookies.set("userId","9527") 
（2）獲取寫入的id的cookies
       let userId= this.$cookies.get("userId")
       則，userId=9527;
 (3) 刪除寫入的id的cookies
       this.$cookies.remove("userId")