close事件 vue vue 監聽瀏覽器關閉事件

2021-10-13 01:29:16 字數 1103 閱讀 8867

用vue做的專案,有個需求就是關閉瀏覽器的時候,需要往後臺提交有個介面,來監聽這個賬號有沒有下線。

網上找了很多種方法,一直沒有實現。

主要困惑點:

1、瀏覽器關閉是事件,是什麼

window.addeventlistener( 『beforeunload』,e =>(

執行…mounted () {

window.addeventlistener('beforeunload', e => {

window.localstorage.removeitem('titlename')

mounted () {

window.addeventlistener( 'beforeunload', e => this.set() );

methods:{

set(){

console.log('我是要呼叫的函式')

2、怎麼區分瀏覽器重新整理與關閉(網上找的方法,不知道出處是**,)

var _beforeunload_time = 0,_gap_time=0;

window.οnunlοad=function(){

_gap_time=new date().gettime()-_beforeunload_time;

if(_gap_time<=5){

//瀏覽器關閉

$.ajax({

url:'/movecheck/logout',

// datatype:"json",

cache:false,

type:'post',

async:false,

success:function(dt){

//  console.log(dt)

error:function(dt){

window.οnbefοreunlοad=function(){

_beforeunload_time=new date().gettime();

突然靈機一動,第乙個是 能執行介面,但是區分不了重新整理與關閉,第二個能區分重新整理與關閉,執行不了介面,那為何不把這兩個結合起來,哈哈哈哈。。。。。恩,問題解決了(機智如我)

addeventlistener,好好看看這個事件,不說了

close事件 vue vue元件通訊總結

11月份的面試越來越覺得自己學的不夠踏實和深入。現在實習了有空總結下 京東前端實習一道面試題 vue中元件通訊介面有哪些,除了props和 emit?注意是介面,我說了vuex和localstorage,立馬就被否決了 props最常見的父子通訊介面,但是props是單向資料流的形式 父級 prop...

close事件 vue vue 觸發父子元件事件

專案接觸多了,用vue開發專案比較喜歡元件化,乙個彈框,乙個模組都可能寫成子元件 父元件觸發子元件事件 這時需要觸發子元件的事件,例如顯示左側彈框時需要觸發事件調介面查資料,子元件的方法是gettimechannel this.refs.drawercount.gettimechannel 這樣子元...

vue Vue中的事件和方法

v on click methodfun 注意方法名後面不要跟 newvue methods 如果需要事件物件 click methodfun var1,event event 是vue內建的事件物件 newvue 原生html元素繫結事件 可以直接 事件名稱 自定義元件繫結原生事件寫法必須是 事件...