vuejsでCookieを削除する方法

vuejs で Cookie を削除する方法: 1. getCookie を通じて Cookie を読み取ります; 2. setCookie を通じて Cookie を設定します; 3. 「delCookie (name) {...}」を通じて Cookie を削除します。

この記事の動作環境: Windows 7 システム、Vue バージョン 2.9.6、DELL G3 コンピューター。

vuejs で cookie を削除する方法

vue.js は cookie を設定、取得、削除します

プロジェクトには、バックグラウンドから返された Cookie を取得し、それに基づいて判断するフロントエンドが必要です。 main.js エントリ ファイル

で使用しました 具体的なコード:

new Vue({
el: '#app',
router,
template: &#39;<App/>&#39;,
components: { App },
methods:{
//读取cookie，需要注意的是cookie是不能存中文的，如果需要存中文，解决方法是后端先进行编码encode()，前端取出来之后用decodeURI(&#39;string&#39;)解码。（安卓可以取中文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(&#39;openId&#39;,123,2)
   if (this.getCookie(&#39;openId&#39;)) {
   console.log(&#39;has cookie&#39;)
  this.delCookie (&#39;openId&#39;)
   }else{
   console.log(&#39;has not cookie&#39;)
   }
}
})

関連する推奨事項: "vue.js チュートリアル "

以上がvuejsでCookieを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。