vue 怎么清空当前浏览器的cookie里的某一条数据
时间: 2023-08-07 22:06:36 浏览: 88
基于Vue 服务端Cookies删除的问题
5星 · 资源好评率100%
可以通过设置 Cookie 的过期时间为当前时间,来清空当前浏览器的某一条 Cookie 数据。具体实现步骤如下:
1. 获取当前 Cookie 中需要清空的数据的键名。
2. 使用 JavaScript 的 `document.cookie` 属性获取当前浏览器的所有 Cookie 数据。
3. 将获取到的 Cookie 字符串转成数组,并遍历数组,找到需要清空的 Cookie 数据。
4. 对需要清空的 Cookie 数据设置过期时间为当前时间。
以下是示例代码:
```javascript
function clearCookie(name) {
// 获取需要清空的 Cookie 键名
var key = encodeURIComponent(name) + '=';
// 获取当前浏览器的所有 Cookie 数据
var cookies = document.cookie.split(';');
// 遍历所有 Cookie 数据
for (var i = 0; i < cookies.length; i++) {
var cookie = cookies[i].trim();
// 如果找到需要清空的 Cookie 数据
if (cookie.indexOf(key) === 0) {
// 设置过期时间为当前时间
document.cookie = cookie + '; expires=' + new Date(0).toUTCString();
break;
}
}
}
```
使用示例:
```javascript
// 清空名为 "test" 的 Cookie 数据
clearCookie('test');
```
阅读全文