• 技术文章 >web前端 >Vue.js

    vuejs怎么删除cookie

    藏色散人藏色散人2021-09-12 15:39:38原创412

    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中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:vuejs cookie
    上一篇:怎么下载vuejs框架 下一篇:怎么在vscode上运行vue项目
    线上培训班

    相关文章推荐

    • vuejs和bulma的区别是什么• vuejs怎么实现全局状态管理• vuejs有哪些使用场景• vuejs 如何使用css• 怎么下载vuejs框架

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网