vuejs删除cookie的方法:1、通过getCookie读取cookie;2、通过setCookie设置cookie;3、通过“delCookie (name) {…}”删除cookie即可。
本文操作环境: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') }}})
登录后复制
相关推荐:《vue.js教程》
以上就是vuejs怎么删除cookie的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3019719.html