vue删除cookie信息

可以使用以下代码删除cookie信息：

function deleteCookie(name) {
  document.cookie = name + '=; expires=Thu, 01 Jan 197 00:00:01 GMT;';
}
deleteCookie('cookieName');

这将删除名为"cookieName"的cookie信息。

相关问题

vue获取cookie

在Vue中获取Cookie可以使用js-cookie插件。首先，需要安装js-cookie插件，可以通过npm安装命令npm install js-cookie --save进行安装。然后，在Vue组件中引用插件，使用import Cookies from 'js-cookie'语句引入插件。接下来，可以通过Cookies.get('name')来获取特定名称的cookie的值，例如Cookies.get('name')可以获取名为name的cookie的值。如果想判断某个cookie是否存在，可以使用document.cookie语句返回全部cookie所组成的字符串，然后进行判断。例如，可以通过if (document.cookie.includes('name'))来判断名为name的cookie是否存在。如果想删除cookie，可以使用Cookies.remove('name')来删除名为name的cookie。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [vue如何优雅的获取Cookie（js-cookie插件）](https://blog.csdn.net/pyj2017/article/details/106576603)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [【Vue】获取cookie](https://blog.csdn.net/qq_52641681/article/details/124624569)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

vue设置cookie

在Vue中设置Cookie可以使用JavaScript中的document.cookie属性来设置。以下是一个示例代码：

// 设置Cookie
document.cookie = "name=value; expires=date; path=/";

// 读取Cookie
let cookieValue = document.cookie;

// 删除Cookie
document.cookie = "name=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";

其中，name表示Cookie的名称，value表示Cookie的值，expires表示Cookie的过期时间，path表示Cookie的作用路径。

示例代码中的设置Cookie语句可以进行更改，例如：

document.cookie = "username=JohnDoe; expires=Thu, 18 Dec 2022 12:00:00 UTC; path=/";

在这个示例中，设置了一个名为“username”的Cookie，它的值为“JohnDoe”，过期时间为2022年12月18日12:00:00，作用路径为根目录。

值得注意的是，Vue本身并没有提供特有的Cookie设置方法，因为它只是一个JavaScript框架，可以直接使用JavaScript的Cookie设置方法来设置。