vue项目封装一个cookie

const cookies =  {

  //设置cookie
  set(key , value , dutation = 60 * 1000){
    const date  = new Date().getTime() +  dutation * 1000
    const _key = key.trim()
    const _value = value.toString().trim()
    document.cookie = _key + '=' + _value + ';expires=' + new Date(date).toUTCString();
  },

  //获取cookie
  get(key){

    if(document.cookie === '') return "" ;

    let obj = {};        //最终获得所有的cookie对象
    let cookiesArr = []; // 分割cookies字符串

    cookiesArr = document.cookie.split(';');
    for(let value of cookiesArr){
      const item =  value.split('=');
      obj[item[0].trim()] = item[1].trim()
    }

    if(key){
      const _key = key.trim()
      return obj[_key]
    }else{
      return obj
    }

  },

  //删除cookie
  remove(key){
    const _key = key.trim();
    const date = new Date().getTime() - 1;
    document.cookie = _key + '=;expires=' + new Date(date).toUTCString();
  }

}

export default cookies

最后在main.js文件中引入模块并挂载到vue中
import cookies from '@/utils/cookiesjs'
Vue.prototype.$cookies = cookies

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值