vue cookie封装及使用

cookie.js
function setCookie (c_name,value,expire) {
expire = expire || 0
let expires = “”
if (expire != 0) {
let date = new Date()
date.setTime(date.getTime() + (expire1000606024))
expires = “;expires=” + date.toGMTString()
}
document.cookie = c_name + “=” + escape(value) + expires + “;path=/”
//console.log(document.cookie)
}

function getCookie (c_name) {
if (document.cookie.length > 0) {
let c_start = document.cookie.indexOf(c_name + “=”)
if (c_start != -1) {
c_start = c_start + c_name.length + 1
let c_end = document.cookie.indexOf(";", c_start)
if (c_end == -1) c_end = document.cookie.length
return unescape(document.cookie.substring(c_start, c_end)).replace(/"/g,"")
}
}
return null
}

function delCookie (c_name) {
setCookie(c_name, “”, -1)
}

export default {
setCookie,
getCookie,
delCookie
}

main.js 全局引用
import cookieStore from ‘@/api/cookie.js’
Vue.prototype.$cookieStore = cookieStore

组件中使用:
保存:this. c o o k i e S t o r e . s e t C o o k i e ( ′ t o k e n ′ , t o k e n , 7 ) 获 取 : t h i s . cookieStore.setCookie('token',token,7) 获取:this. cookieStore.setCookie(token,token,7)this.cookieStore.getCookie(‘token’)
删除:this.$cookieStore.delCookie(‘token’)

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值