欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue自己写cookie并使用(代码教程)

程序员文章站 2022-06-26 11:40:35
建一个js文件 export function addCookie(objName, objValue, objHours){//添加cookie var str =...

建一个js文件

export function addCookie(objName, objValue, objHours){//添加cookie
  var str = objName + "=" + escape(objValue);
  if (objHours > 0) {//为0时不设定过期时间,浏览器关闭时cookie自动消失
    var date = new Date();
    var ms = objHours * 3600 * 1000;
    date.setTime(date.getTime() + ms);
    str += "; expires=" + date.toGMTString();
  }
  document.cookie = str;
  alert("添加cookie成功");
}

export function getCookie(objName){//获取指定名称的cookie的值
  var arrStr = document.cookie.split("; ");
  for (var i = 0; i < arrStr.length; i++) {
    var temp = arrStr[i].split("=");
    if (temp[0] == objName)
      return unescape(temp[1]);
  }
}

export function delCookie(name){//为了删除指定名称的cookie,可以将其过期时间设定为一个过去的时间
  var date = new Date();
  date.setTime(date.getTime() - 10000);
  document.cookie = name + "=a; expires=" + date.toGMTString();
}

function allCookie(){//读取所有保存的cookie字符串
  var str = document.cookie;
  if (str == "") {
    str = "没有保存任何cookie";
  }
  alert(str);
}
暴露!!!!一定要
export 

在main.js写下

import {addCookie, getCookie, delCookie} from '路径';
Vue.prototype.$cookieStore = {
  addCookie,
  getCookie,
  delCookie
}

自己路径都填不对的就散了吧

使用

this.$cookieStore.addCookie( 'name' , 1)
this.$cookieStore.getCookie( 'name' , 1)
this.$cookieStore.delCookie( 'name' , 1)