Bagaimana untuk memadam kuki dalam vuejs

Cara memadam kuki dalam vuejs: 1. Baca kuki melalui getCookie 2. Tetapkan kuki melalui setCookie 3. Padam kuki melalui "delCookie (nama) {...}".

Persekitaran pengendalian artikel ini: sistem Windows 7, versi Vue 2.9.6, komputer DELL G3.

Bagaimana hendak memadam kuki dalam vuejs?

vue.js menetapkan, mendapatkan dan memadam kuki

Projek ini memerlukan bahagian hadapan untuk mendapatkan kuki yang dikembalikan oleh latar belakang dan membuat pertimbangan berdasarkannya. Saya menggunakannya di bawah fail entri main.js

Kod khusus:

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;)
   }
}
})

Cadangan berkaitan: "tutorial vue.js "

Atas ialah kandungan terperinci Bagaimana untuk memadam kuki dalam vuejs. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!