vue移除window視窗監聽事件兩種方法

2021-10-08 09:58:23 字數 554 閱讀 2731

例子:頁面視窗變化時,echarts繪製的檢視需要resize(),這時需要監聽window,但是當元件消耗時也需要移除視窗監聽事件。

涉及到的data資料和methods

//data

data()

}//methods

chartresize(),500)

}

第一種方法:在beforedestroy鉤子函式裡銷毀

mounted() 

beforedestroy() ,

第二種方法: 通過$on$once監聽頁面生命週期銷毀來移除監聽

mounted() )

// 或者

// window.addeventlistener('resize', this.chartresize);

// this.$once("hook:beforedestroy", () => )

}

vue 監聽windows視窗大小變化

data mounted that.timer false 400 只需要監聽視窗大小,上面的 已經夠了,然後是echart大小改變的乙個細節,我是每個echart圖表都是乙個元件,乙個父元件有多個echart子元件,如下 開始我在每個子元件都寫了乙個上面的方法,但是發現頁面只有乙個圖示會隨著瀏覽器...

監聽window視窗變化的兩種方法

根據視窗變化,改變頁面展示需求還是很常見 如自適應 echarts自適應問題 以在vue中的使用舉例 一 方法介紹 方法一 使用window的onresize屬性 window.onresize reportwindowsize 1 mounted註冊事件 mounted 300 2 befored...

Window視窗層次關係

window 視窗層次關係 相信在window 下面程式設計的很多兄弟們都不是很清楚window 中視窗的層次關係是怎麼樣的,這個東西很久已經研究過一下,後來又忘記了,今天又一次遇到了這個問題,所以便整理一下。下面就說說window 中桌面 deskkop 以及頂層視窗,以及子視窗之間的關係。在wi...