首先,我们是要在自己的项目目录下面建立一个文件夹,如下图

项目目录

,然后就在我标记的地方,写关于cookie的方法,获取cookie,设置,清除等,如下图
这里写图片描述

代码如下,方便拷贝


     //获取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();
   };

写好了,这些就开始使用了,先看一下我的登录页面哈,大同小异
这里写图片描述

直接看代码吧:
这里写图片描述

就这些了,没了,记录一下,方便自己日后查阅

Logo

前往低代码交流专区

更多推荐