VUE3(十五)關於cookie使用的幾個函數


下邊是我簡單封裝的幾個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

歡迎訪問小程序:

在這里插入圖片描述


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM