首页 >web前端 >Vue.js > 正文

vuejs怎么删除cookie

原创2021-09-12 15:39:380757

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: '<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.js教程

以上就是vuejs怎么删除cookie的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:vuejs cookie
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • 2天速成VueJS免费公益直播课2天速成VueJS免费公益直播课
  • vue 3.0全新实战课程(2021版)第一季vue 3.0全新实战课程(2021版)第一季
  • vue 3.0全新实战课程(2021版)第二季vue 3.0全新实战课程(2021版)第二季
  • VuePress: 30分钟制作一个Vue静态网站VuePress: 30分钟制作一个Vue静态网站
  • VuePress: Vue 官方静态网站生成器极速指南VuePress: Vue 官方静态网站生成器极速指南
  • 视频教程分类