Vue中封装设置、获取、删除Cookie方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue中封装设置、获取、删除Cookie方法相关的知识,希望对你有一定的参考价值。

参考技术A 调用设置上面Cookie方法

js-cookie是一个简单的,轻量级的 处理cookies的js API 。

cookie的设置获取和删除封装

在我们为了去完成数据储存,有时会用到cookie,简单封装一下cookie:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<script type="text/javascript">
    //设置cookie
    function setCookie(name,value,days){
        days=days?days:30;//一个月后失效
        var exp=new Date();
        exp.setTime(exp*1+days*24*60*60*1000);
        document.cookie=name+"="+escape(value)+";expires="+exp;
    }
    setCookie("tel","13546",10);
    setCookie("name","arch",1);
    console.log(document.cookie);

    //获取cookie
    function getCookie(name){
        var reg=new RegExp((^| )+name+=([^;]*)(;|$));
        var arr=document.cookie.match(reg);
        if(arr) return arr[2];
        return null;
    }
    getCookie("name");
    console.log(getCookie("name"));

    //删除cookie
    function delCookie(name){
        if(getCookie(name)){
            setCookie(name,"",-1);
        }
    }
    delCookie("tel");
</script>
</body>
</html>

 

以上是关于Vue中封装设置、获取、删除Cookie方法的主要内容,如果未能解决你的问题,请参考以下文章

cookie的设置获取和删除封装

使用vue-cookies操作cookie

原生js封装cookie获取设置及删除

js封装Cookie操作 js 获取cookie js 设置cookie js 删除cookie

cookie设置获取移除函数的封装

cookie的封装,获取,删除