Vue框架中提供了用于處理瀏覽器cookie的API,可以輕松地設置、獲取和刪除瀏覽器中的cookie。Vue的cookie API可以通過常量$cookies訪問。
// 設置cookie this.$cookies.set('name', 'value'); // 獲取cookie let name = this.$cookies.get('name'); // 刪除cookie this.$cookies.remove('name');
在設置cookie時,可以提供一個可選的第三個參數,用于設置cookie的過期時間。過期時間可以是一個JavaScript日期對象,或者是以秒為單位的距離當前時間的秒數。
// 設置cookie并指定過期時間為30秒后 let expires = new Date(Date.now() + 30000); this.$cookies.set('name', 'value', expires); // 設置cookie并指定過期時間為60秒后 this.$cookies.set('name', 'value', 60);
在獲取cookie時,如果指定的cookie不存在,則返回undefined。
// 獲取cookie let name = this.$cookies.get('name'); if (name === undefined) { console.log('Cookie not found'); }
在刪除cookie時,如果指定的cookie不存在,則什么都不會發生。如果想在刪除cookie時指定一個自定義路徑或域,可以提供一個可選的第二個參數。
// 刪除cookie并指定路徑為'/path' this.$cookies.remove('name', '/path'); // 刪除cookie并指定域為'example.com' this.$cookies.remove('name', null, 'example.com');
上一篇html對標題格式設置
下一篇python 長連接代碼