vue.js中監聽是否全屏顯示

最近遇到一個項目，使用echarts圖表展示數據，但是需求是顯示大小自適應，由於鄙人才疏學淺，只好使用笨方法，那就是設置圖表寬高爲百分比，當調整屏幕大小時，強制頁面刷新。

那麼問題來了，如何判斷屏幕顯示變化，起初想的是監聽“F11”按鍵事件，

mounted() {
//監聽鍵盤事件
    document.addEventListener('keydown',(e)=>{
      console.log("觸發");
      if(e.keyCode == 122)
      {
        console.log("按了F11");
      }
    });
}

但是，此方法只能全屏時觸發，如果當前已經是全屏狀態，想要按“F11”取消全屏時，不會觸發此事件（原因未知）。

最後在查看原文此文中看到可以監聽屏幕窗口變化：

mounted() { 
window.onresize = function temp() {
        console.log("窗口變動了");
    };
}

此方法會在每次改變窗口時被觸發。好了，大功告成。