这篇文章主要给大家分享vue怎样删除cookie的内容，vue实现删除cookie的过程，先要读取cookie，然后通过setCookie设置cookie，最后利用delCookie (name) {...}进行删除操作，那么具体怎样实现呢？下面我们一起来看看。

    本文操作环境：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')
   }
}
})

        关于vue删除cookie的方法就介绍到这了，大家按照上述方法和步骤操作即可，希望本文能对大家有帮助，想要了解更多vue删除cookie的内容，大家可以继续关注其他相关文章，也希望大家能多多支持群英网络。