Heim  >  Artikel  >  Web-Frontend  >  So löschen Sie Cookies in Vuejs

So löschen Sie Cookies in Vuejs

藏色散人
藏色散人Original
2021-09-12 15:39:3810917Durchsuche

So löschen Sie Cookies in vuejs: 1. Lesen Sie das Cookie über getCookie; 2. Setzen Sie das Cookie über setCookie; 3. Löschen Sie das Cookie über „delCookie (name) {...}“.

So löschen Sie Cookies in Vuejs

Die Betriebsumgebung dieses Artikels: Windows 7-System, Vue Version 2.9.6, DELL G3-Computer.

Wie lösche ich Cookies in vuejs?

vue.js setzt, ruft und löscht Cookies

Das Projekt erfordert, dass das Frontend die vom Hintergrund zurückgegebenen Cookies erhält und auf dieser Grundlage Urteile trifft. Ich habe es unter der main.js-Eintragsdatei verwendet

Spezifischer Code:

new Vue({
el: '#app',
router,
template: &#39;<App/>&#39;,
components: { App },
methods:{
//读取cookie,需要注意的是cookie是不能存中文的,如果需要存中文,解决方法是后端先进行编码encode(),前端取出来之后用decodeURI(&#39;string&#39;)解码。(安卓可以取中文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();
   }
},
created(){
   this.setCookie(&#39;openId&#39;,123,2)
   if (this.getCookie(&#39;openId&#39;)) {
   console.log(&#39;has cookie&#39;)
  this.delCookie (&#39;openId&#39;)
   }else{
   console.log(&#39;has not cookie&#39;)
   }
}
})

Verwandte Empfehlungen: „vue.js-Tutorial

Das obige ist der detaillierte Inhalt vonSo löschen Sie Cookies in Vuejs. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn