vuejs刪除cookie的方法

本篇內(nèi)容主要講解“vuejs刪除cookie的方法”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“vuejs刪除cookie的方法”吧!

本文操作環(huán)境：windows7系統(tǒng)、Vue2.9.6版，DELL G3電腦。

vuejs怎么刪除cookie?

vue.js設(shè)置、獲取、刪除cookie

項(xiàng)目需要前端獲取后臺(tái)返回的cookie，并以此作判斷。我是在main.js入口文件下使用的

具體代碼：

new Vue({
el: '#app',
router,
template: '<App/>',
components: { App },
methods:{
//讀取cookie，需要注意的是cookie是不能存中文的，如果需要存中文，解決方法是后端先進(jìn)行編碼encode()，前端取出來(lái)之后用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
     }
},
//設(shè)置cookie   name為cookie的名字，value是值，expiredays為過(guò)期時(shí)間（天數(shù)）
   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();
   }
},
created(){
   this.setCookie('openId',123,2)
   if (this.getCookie('openId')) {
   console.log('has cookie')
  this.delCookie ('openId')
   }else{
   console.log('has not cookie')
   }
}
})

到此，相信大家對(duì)“vuejs刪除cookie的方法”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！