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")