在vue中的main.js中如何让浏览器关闭后localStorage存放的token和info被清除
时间: 2024-03-08 07:46:30 浏览: 94
vue 关闭浏览器窗口的时候,清空localStorage的数据示例
在 Vue 中,可以在 `main.js` 文件中使用全局的 `beforeunload` 事件,来监听浏览器关闭事件,手动清除 localStorage 中的数据。代码示例如下:
```
import Vue from 'vue'
import App from './App.vue'
Vue.config.productionTip = false
new Vue({
beforeUnload() {
localStorage.removeItem('token');
localStorage.removeItem('info');
},
render: h => h(App),
}).$mount('#app')
```
在上面的代码中,我们使用 `beforeUnload` 钩子函数来监听浏览器关闭事件,在该钩子函数中手动清除 localStorage 中的 'token' 和 'info' 数据。这样,当用户关闭浏览器时,就可以清除掉存放在 localStorage 中的数据,保证用户下次登录时,不会出现问题。
阅读全文