admin管理员组

文章数量:1130349

 app.vue

<template>
  <!-- 子组件 -->
    <button @click="add">add</button>
</template>
<script setup>
import {onMounted, ref} from 'vue'
const  add = () => {
    localStorage.setItem('tokens', '123456')
}
const demo = () => {
    window.addEventListener('beforeunload', () => {
        alert('页面关闭')
        localStorage.removeItem('tokens')
    })
}
onMounted(() => {
    demo()
})
</script>

 app.vue

<template>
  <!-- 子组件 -->
    <button @click="add">add</button>
</template>
<script setup>
import {onMounted, ref} from 'vue'
const  add = () => {
    localStorage.setItem('tokens', '123456')
}
const demo = () => {
    window.addEventListener('beforeunload', () => {
        alert('页面关闭')
        localStorage.removeItem('tokens')
    })
}
onMounted(() => {
    demo()
})
</script>

本文标签： 浏览器token

版权声明：本文标题：vue3当浏览器关闭自动清除token 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/jiaocheng/1743815172a2034489.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。