vuejs删除cookie的方法

本篇内容主要讲解"vuejs删除cookie的方法"，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习"vuejs删除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 = [xss_clean].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);    [xss_clean] = 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)     [xss_clean] = 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的方法"有了更深的了解，不妨来实际操作一番吧！这里是网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！