Heim > Artikel > Web-Frontend > So löschen Sie Cookies in Vuejs
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) {...}“.
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: '<App/>', components: { App }, 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(); } }, created(){ this.setCookie('openId',123,2) if (this.getCookie('openId')) { console.log('has cookie') this.delCookie ('openId') }else{ console.log('has not cookie') } } })
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!