Rumah > hujung hadapan web > View.js > Bagaimana untuk memadam kuki dalam vuejs

Bagaimana untuk memadam kuki dalam vuejs

藏色散人
Lepaskan: 2023-01-13 00:45:32
asal
11013 orang telah melayarinya

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

Bagaimana untuk memadam kuki dalam vuejs

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;)
   }
}
})
Salin selepas log masuk

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!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan