Vue中使用cookies

1、定义js文件util.js

定义三个函数 setCookie, getCookie, delCookie;

//获取cookie、
export function getCookie(name) {
    var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
    if (arr = document.cookie.match(reg))
      return (arr[2]);
    else
      return null;
  }
  
  //设置cookie,增加到vue实例方便全局调用
  export function setCookie (c_name, value, expiredays) {
    var exdate = new Date();
    exdate.setDate(exdate.getDate() + expiredays);
    document.cookie = c_name + "=" + escape(value) + ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString());
  };
  
  //删除cookie
  export function delCookie (name) {
    var exp = new Date();
    exp.setTime(exp.getTime() - 1);
    var cval = getCookie(name);
    if (cval != null)
     document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
  };

2、main.js中定义全局

import  CookieSetting from './util/util.js';

Vue.property.$cookieStore = CookieSetting ;

3、页面调用使用：

调用方法：

设置：this.$cookieStore.setCookie('cookieName','cookieValue');

获取：var temp = this.$cookieStore.getCookie('cookieName');

删除：this.$cookieStore.delCookie('cookieName');

参考自：(14条消息) vue中cookie的使用_qq_33645229的博客-优快云博客_vue使用cookiehttps://blog.youkuaiyun.com/qq_33645229/article/details/81672167