vue3点击事件清除token
时间: 2023-07-02 13:19:26 浏览: 168
vue的token刷新处理的方法
为了清除token,你需要在Vue3中使用一个函数来实现点击事件的处理。在这个函数中,你可以使用`localStorage`或者`sessionStorage`来存储token,然后将其清除。以下是一个示例代码:
```html
<template>
<button @click="logout">Logout</button>
</template>
<script>
export default {
methods: {
logout() {
localStorage.removeItem('token');
// 或者 sessionStorage.removeItem('token');
}
}
}
</script>
```
在这个示例中,`logout`函数被绑定到了`button`元素的点击事件上。当用户点击这个按钮时,`localStorage`中的`token`将被删除。如果你使用的是`sessionStorage`,那么就需要将代码中的`localStorage`替换成`sessionStorage`即可。
阅读全文