這篇文章為大家詳細(xì)介紹了Vue中判斷窗口狀態(tài)并且在窗口關(guān)閉前發(fā)送請求的方法，文中示例代碼介紹的非常詳細(xì)，感興趣的小伙伴們可以參考一下。

成都創(chuàng)新互聯(lián)公司專注于東源企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站設(shè)計(jì),商城系統(tǒng)網(wǎng)站開發(fā)。東源網(wǎng)站建設(shè)公司,為東源等地區(qū)提供建站服務(wù)。全流程專業(yè)公司，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，成都創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)

代碼如下：

mounted() {
      window.addEventListener('beforeunload', e => this.beforeunloadHandler(e))
      window.addEventListener('unload', e => this.unloadHandler(e))
    },
    destroyed() {
      window.removeEventListener('beforeunload', e => this.beforeunloadHandler(e))
      window.removeEventListener('unload', e => this.unloadHandler(e))
    },
    methods: {
      beforeunloadHandler(){
        this._beforeUnload_time=new Date().getTime();
      },
      unloadHandler(e){
        this._gap_time=new Date().getTime()-this._beforeUnload_time;
        debugger
        //判斷是窗口關(guān)閉還是刷新
        if(this._gap_time<=5){
          //如果是登錄狀態(tài)，關(guān)閉窗口前，移除用戶
          if(!this.showLoginButton){
            $.ajax({
              url: '/pictureweb/user/remove',
              type: 'get',
              async:false, //或false,是否異步

            })
          }
        }
      },
}

window.beforeunload事件在window.unload事件之前執(zhí)行。同時(shí)注意ajax請求方式必須為同步請求，所以不能使用axios,因?yàn)閍xios不能執(zhí)行同步請求。

以上就是Vue中判斷窗口狀態(tài)并且在窗口關(guān)閉前發(fā)送請求的方法介紹，詳細(xì)使用情況還得要大家自己使用過才能知道具體要領(lǐng)。如果想閱讀更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！