Vue

您所在的位置：网站首页 › vue中的token › Vue

#Vue| 来源: 网络整理| 查看: 265

最近在写一个vue项目时需要用到注销按钮，判断是否登录的条件是浏览器保存了用户token，点击注销清除localStorage缓存。实现用户注销

在localStorage中储存数据，方便在页面中使用数据的时候调用。如果用完数据之后需要清除localStorage中储存的数据，可以使用以下几种方式：

\(~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~\)

localStorage.clear() 可以清除localStorage中所有的key

methods: { clear_data() { localStorage.clear(); } }

\(~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~\)

localStorage.removeItem() 通过以下方法来删除对应key以及key中的内容

methods: { clear_data() { window.localStorage.removeItem('key') } }

\(~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~\)

localStorage.setItem() 可以清空储存在localStorage中的key对应的value值，而保留key

methods: { clear_data() { // 第一个参数为key的名，第二个参数为空 localStorage.setItem("key", "") } }

可以选择这个localStorage.clear()进而实现清除状态的效果实现用户注销

【本文地址】

今日新闻