美文网首页
VUE3(十五)关于cookie使用的几个函数

VUE3(十五)关于cookie使用的几个函数

作者: camellias__ | 来源:发表于2021-04-02 09:11 被阅读0次

    下边是我简单封装的几个cookie方法。

    Utils.ts

    /**
     * 自定义公共函数
     */
    const utils = 
    {
    /**
         * @name: 设置cookie值
         * @author: camellia
         * @date: 2020-12-28 
         * @param:  cname   string  cookie名称
         * @param:  cvalue  any cookie值
         * @param:  exdays  number  cookie保存天数
         */
        setCookie(cname:string, cvalue:any, exdays = 720) 
        {
            var d = new Date();
            d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
            var expires = "expires=" + d.toUTCString();
            document.cookie = cname + "=" + cvalue + "; " + expires;
        },
        /**
         * @name: 获取cookie值
         * @author: camellia
         * @date: 2020-12-28 
         */
        getCookie(cname:string) {
            var name = cname + "=";
            var ca = document.cookie.split(';');
            for (var i = 0; i < ca.length; i++) {
                var c = ca[i];
                while (c.charAt(0) == ' ') c = c.substring(1);
                if (c.indexOf(name) != -1) {
                    return c.substring(name.length, c.length);
                }
            }
            return "";
        },
        /**
         * @name: 清除cookie值
         * @author: camellia
         * @date: 2020-12-28 
         * @param:  cname   string  cookie名称
         */
        clearCookie(cname:string) {
            var d = new Date();
            d.setTime(-1);
            var expires = "expires=" + d.toUTCString();
            document.cookie = cname + "=''; " + expires;
    },
    }
    export default utils;
    

    调用:

    // 引入公共js文件
    import utils from "utils.js";
    // 设置cookie
    utils.setCookie(‘index’,1);
    // 获取cookie
    utils.getCookie(‘index’);
    // 设置cookie
    utils.clearCookie(‘index’);
    

    有好的建议,请在下方输入你的评论。

    欢迎访问个人博客
    https://guanchao.site

    相关文章

      网友评论

          本文标题:VUE3(十五)关于cookie使用的几个函数

          本文链接:https://www.haomeiwen.com/subject/qmsfkltx.html