当前位置： 移动技术网 > IT编程>网页制作>CSS > vue自己写cookie并使用（代码教程）

vue自己写cookie并使用（代码教程）

2018年04月02日  | 移动技术网IT编程  | 我要评论

建一个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)

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网