vuejs에서 쿠키를 삭제하는 방법

vuejs에서 쿠키를 삭제하는 방법: 1. getCookie를 통해 쿠키를 읽습니다. 2. setCookie를 통해 쿠키를 설정합니다. 3. "delCookie(이름) {...}"을 통해 쿠키를 삭제합니다.

이 기사의 운영 환경: Windows 7 시스템, Vue 버전 2.9.6, DELL G3 컴퓨터.

vuejs에서 쿠키를 삭제하는 방법은 무엇입니까?

vue.js는 쿠키를 설정, 가져오기, 삭제합니다

프로젝트에서는 프런트 엔드가 백그라운드에서 반환된 쿠키를 얻고 이를 기반으로 판단해야 합니다. 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 tutorial"

위 내용은 vuejs에서 쿠키를 삭제하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!