vuejs如何删除cookie

删除Cookie的方法

在Vue.js中，要删除Cookie可以使用JavaScript提供的document.cookie属性和Date对象。下面将介绍两种常用的删除Cookie的方法。

方法一：设置过期时间为过去的时间

要删除一个Cookie，可以通过将其过期时间设置为一个过去的时间点来实现。具体代码如下：

// 假设要删除名为cookieName的Cookie
document.cookie = "cookieName=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";

上述代码将名为cookieName的Cookie的过期时间设置为1970年1月1日的时间点，使其立即失效。这样浏览器就会将其从Cookie中移除。

方法二：使用混淆方法删除Cookie

除了设置过期时间，还可以通过另一种混淆方法来删除Cookie。具体代码如下：

// 假设要删除名为cookieName的Cookie
document.cookie = "cookieName=deleted; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";

上述代码将名为cookieName的Cookie的值设置为deleted，并设置过期时间为过去的时间点。通过这种方式，浏览器会认为该Cookie已被删除，从而移除它。

总结

通过上述两种方法，我们可以在Vue.js中删除指定的Cookie。第一种方法是将过期时间设置为过去的时间点，第二种方法是将Cookie的值设置为deleted并设置过期时间为过去的时间点。根据实际需求使用合适的方法来删除Cookie。