vue-cookies链接: https://github.com/cmp-cc/vue-cookies
在vue中想要操作cookie,除了使用我们自己封装好的操作cookie的方法之外,我们还可以使用vue-cookies插件,这是一个简单的Vue.js插件,专门用于在vue中处理浏览器的cookie操作。
一、模块安装
npm install vue-cookies --save
二、main.js中引用
import Vue from 'vue'
import VueCookies from 'vue-cookies'
Vue.use(VueCookies)
三、常用的方法
//设置 cookie:
this.$cookies.set(keyName, value[, expireTimes[, path[, domain[, secure[, sameSite]]]]]) //return this
//获取cookie
this.$cookies.get(keyName) // return value
//删除 cookie
this.$cookies.remove(keyName) // return this
//查看一个cookie是否存在(通过keyName)
this.$cookies.isKey(keyName) // return false or true
//获取所有cookie名称
this.$cookies.keys() // return a array
设置cookie过期时间
- 全局配置
//30天过期
this.$cookies.config('30d')
// window object
window.$cookies.config('30d')
- 单个name配置
//不写过期时间,默认为1天过期
this.$cookies.set("token","c149dd55-8b55-ea11-9686-001dd8b9142b")
// 1天过期,忽略大小写
this.$cookies.set("token","c149dd55-8b55-ea11-9686-001dd8b9142b","1d")
// 以秒为单位,设置12个小时过期
this.$cookies.set("token","c149dd55-8b55-ea11-9686-001dd8b9142b", 60 * 60 * 12)
【 需注意的事项,设置到期时间,输入字符串类型,忽略大小写。而输入数字类型,以秒为基本单位。】
输入字符串类型
Unit | full name |
---|---|
y | year |
m | month |
d | day |
h | hour |
min | minute |
s | second |