本篇内容主要讲解“vuejs删除cookie的方法”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“vuejs删除cookie的方法”吧!
本文操作环境：windows7系统、Vue2.9.6版，DELL G3电脑。
vuejs怎么删除cookie?
vue.js设置、获取、删除cookie
项目需要前端获取后台返回的cookie，并以此作判断。我是在main.js入口文件下使用的
具体代码：
计算
安全
数据库
网络和加速
企业服务
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')
}
}
})到此，相信大家对“vuejs删除cookie的方法”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
