Vue 操作cookie

首先需要安装依赖,执行以下命令:

npm install vue-cookies --save

然后需要全局引用,在main.js中加入 以下代码:

import Vue from 'Vue'import VueCookies from 'vue-cookies'Vue.use(VueCookies)

设置全局配置,设置cookie过期时间和url

this.$cookies.config(expireTimes[,path])  // default: expireTimes = 1d , path=/


// 30天后过期
this.$cookies.config('30d')
this.$cookies.config(new Date(2019,03,13).toUTCString())
this.$cookies.config(60 * 60 * 24 * 30,'');
// window object
window.$cookies.config('30d')





this.$cookies.set("token","GH1.1.1689020474.1484362313","60s");  // 60秒后过去

this.$cookies.set("token","GH1.1.1689020474.1484362313","30MIN");  // 30分钟后过去

this.$cookies.set("token","GH1.1.1689020474.1484362313","24d");  // 24天后过期

this.$cookies.set("token","GH1.1.1689020474.1484362313","4m");  // 4个月后过期

this.$cookies.set("token","GH1.1.1689020474.1484362313","16h");  // 16小时后过期

this.$cookies.set("token","GH1.1.1689020474.1484362313","3y");  // 3年后过期

set cookie

this.$cookies.set(keyName, value[, expireTimes[, path[, domain[, secure]]]])  

get cookie

this.$cookies.get(keyName)       // return value   

delete cookie

this.$cookies.remove(keyName [, path [, domain]])   // return this

检查 cookie name是否存在

this.$cookies.isKey(keyName)        // return false or true

获取所有 cookie name,以数组形式返回

this.$cookies.keys()  // return a array

记录操作cookie的一次,希望对其他朋友有帮助。

  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值