1. 程式人生 > >Vue之cookie操作(原生)

Vue之cookie操作(原生)

Vue之cookie操作(原生)

再vue元件中加入以下幾個方法,然後呼叫即可。

methods:{

//讀取cookie,需要注意的是cookie是不能存中文的,如果需要存中文,解決方法是後端先進行編碼encode(),前端取出來之後用decodeURI('string')解碼。(安卓可以取中文cookie,IOS不行)
    getCookie(name) {
        var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
        if (arr = document.cookie.match(reg)){
        return true;
       // return (arr[2]);
      }else{
      return false
     }
},

//設定cookie   name為cookie的名字,value是值,expiredays為過期時間(天數)
   setCookie (name, value, expiredays) {
     var exdate = new Date();
     exdate.setDate(exdate.getDate() + expiredays);
    document.cookie = c_name + "=" + escape(value) + ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString());
   },

 //刪除cookie

   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();
   }
},

  

 

轉載自:https://www.cnblogs.com/zlfProgrammer/articles/7929973.html