vue中cookie的使用

vue中的cookie:

主要是作傳入cookie、獲取cookie值、刪除cookie,最後封裝好,調用cookie

 

網址連接:https://blog.csdn.net/qq_33645229/article/details/81672167vue

 

//獲取cookie
export function getCookie(name) {
var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
if (arr = document.cookie.match(reg))
return (arr[2]);
else
return null;
}
cookie

 

//設置cookie,增長到vue實例方便全局調用
export function setCookie (c_name, value, expiredays) {
var exdate = new Date();
exdate.setDate(exdate.getDate() + expiredays);
document.cookie = c_name + "=" + escape(value) + ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString());
};
學習

 

//刪除cookie
export function 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();
};

this

 

調用:spa

能夠在main.js內進行一下全局掉用,也能夠在你使用的組件內來進行調用它,這裏是在父組件內進行的調用:.net

 

<script>
import Vue from 'vue'
import {setCookie, getCookie, delCookie} from './util/util.js';
//參數由於是三個方法,因此用大括號來進行調用了,路徑必定要寫對
export default {
name: 'App',
   beforeMount () {
  Vue.prototype.$cookieStore = {
    setCookie,
    getCookie,
    delCookie
  }
   }
}prototype

</script>orm

 

 

開始 的時候要先進行傳入cookie值傳的方法,看代碼blog

this.$cookieStore.setCookie( 'name' , this.ruleForm2.name)
//‘name’是你本身取得名字,後面的this.ruleForm2.name是我寫的一個input內v-model的值ip


最後在頁面裏進行使用獲取的時候,可能就有不少人就像我同樣懵了不知道應該怎麼調用了,其實只須要放上一句話就行,看代碼

this.$cookieStore.getCookie( 'name')


刪除也是同樣

this.$cookieStore.delCookie( 'name');


注意:

name名字是不能取不同的啊,當你傳入‘name’了你獲取和刪除也要都用name才行

 

此處僅做交流學習,版權歸原做者全部

相關文章
相關標籤/搜索