我很遗憾没有体会过被人坚定选择的感觉,但是我能体会到的是被人坚定不移的选择离开
<!--
* @Description:
* @Author: 李大玄
* @Date: 2021-07-05 09:58:21
* @FilePath: /vue-shelf/src/views/test/close.vue
-->
<template>
<div class="close hmax">
11
<el-button>aasdasd</el-button>
</div>
</template>
<script>
export default {
name: '',
mixins: [],
components: {},
props: {},
data() {
return {};
},
computed: {},
watch: {},
beforeCreate() {},
created() {},
beforeMount() {},
mounted() {
window.addEventListener('beforeunload', (e) => this.beforeunloadHandler(e));
window.addEventListener('unload', (e) => this.unloadHandler(e));
},
methods: {
beforeunloadHandler(event) {
this._beforeUnload_time = new Date().getTime();
console.log('this._beforeUnload_time:', this._beforeUnload_time);
event = event || window.event;
if (event) {
event.returnValue = '关闭提示';
}
return '关闭提示';
},
unloadHandler() {
console.log('this._beforeUnload_time2:', this._beforeUnload_time);
this._gap_time = new Date().getTime() - this._beforeUnload_time;
if (this._gap_time <= 5) {
$.ajax({});
} else {
$.ajax({});
}
},
},
beforeUpdate() {},
updated() {},
beforeDestroy() {
window.removeEventListener('beforeunload', (e) => this.beforeunloadHandler(e));
window.removeEventListener('unload', (e) => this.unloadHandler(e));
},
destroyed() {},
activated() {},
};
</script>
<style lang='scss' scoped>
.close {
background: pink;
}
</style>