大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
本篇内容主要讲解“vuejs删除cookie的方法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“vuejs删除cookie的方法”吧!
创新互联建站自2013年创立以来,是专业互联网技术服务公司,拥有项目成都网站设计、网站制作网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元霍山做网站,已为上家服务,为霍山各地企业和个人服务,联系电话:18982081108
本文操作环境:windows7系统、Vue2.9.6版,DELL G3电脑。
vuejs怎么删除cookie?
vue.js设置、获取、删除cookie
项目需要前端获取后台返回的cookie,并以此作判断。我是在main.js入口文件下使用的
具体代码:
new Vue({ el: '#app', router, template: '', 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') } } })
到此,相信大家对“vuejs删除cookie的方法”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!