vue 监听 微信左上角 关闭 / 返回

1.在App.vue 使用监听

<template>
    <div id="app">
        <router-view />
    </div>
</template>

<script>
    import * as api from "@/api/index";
    export default {
        name: 'App',
        data() {
            return {
                
            }
        },
        mounted() {
            window.addEventListener('beforeunload', e => this.beforeunloadHandler(e))
        },
        methods:{
            beforeunloadHandler(e) {
                // alert("关闭");
                var ua = navigator.userAgent.toLowerCase();
                if(ua.match(/MicroMessenger/i)=="micromessenger") {
                    localStorage.removeItem("Userinfos");
                }
            }
        },
        destroyed() {
            window.removeEventListener('beforeunload', e => this.beforeunloadHandler(e))
        }
    }
</script>

<style lang="scss">
</style>