vue中保存、获取和删除cookie

为了方便使用，将cookie的保存、获取、删除封装在一个js文件中，在vue中直接使用# 

一、保存cookie

//设置cookie,增加到vue实例方便全局调用

export function setCookie (c_name, value, expiredays) {

    var exdate = new Date();

    exdate.setDate(exdate.getDate() + expiredays);

    document.cookie = c_name + "=" + value + ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString());

};

二、获取cookie

export function getCookie(name) {
	var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
	if (arr = document.cookie.match(reg)){
   		return (arr[2]);
  	}else{
		return false
	}
 }

三、删除cookie

export function delCookie (name) {
	var exp = new Date();
	exp.setTime(exp.getTime() - 1);
	var cval = getCookie(name);
	if (cval){
	 	document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
	}
};

说明：函数前加export是为了方便在vue文件中引用，将接口暴露出来

四、在vue中引用

import {setCookie，getCookie,delCookie} from ' js文件 '

五、使用

setCookie(key,value,time) //保存cookie(如不设置时间，浏览器关闭后cookie失效)
getCookie("key") //按照key值获取保存的cookie

注：删除cookie时因为在这里设定了，所以只需要传入key就可以删除对应的cookie