vue 監聽螢幕變化 銷毀監聽事件

2021-10-01 07:26:46 字數 484 閱讀 4609

記一次小坑.

由於用到 echarts 需要自適應螢幕,所以在vue中用了監聽事件並且考慮到效能問題,所以用lodash 庫的 debounce 做了包裹.**如下:

mounted()

,beforedestroy()

,methods:

}

然而發現切換到其他的頁面的時候,螢幕改變的時候還是會觸發 resize 事件,因為之前寫過類似功能,**是沒有問題的,但是就是會觸發,心裡也是覺得奇怪,研究了一下,發現 addeventlistener 的方法裡面不加 debounce 就可以了.如下:

mounted()

,beforedestroy()

,methods:

,300),

}

debounce 需要加在 methods 裡面.並且內部函式體不能使用箭頭函式,否則會報 this undefined 的問題

Vue 事件監聽(事件監聽 修飾符)

1 v on 1 v on的基本使用 increment 加 decrement 減 vue methods decrement 2 語法糖 increment 加 decrement 減 在事件監聽的時候,如果函式沒有引數就可以將小括號省略掉 3 傳遞引數 cli 123 點選 點選 當方法需要傳...

監聽事件OnPageChangeListener

設定監聽事件setonpagechangelistener,這是乙個方法,引數是監聽事件類的物件 監聽事件類onpagechangelistener,這是乙個類,一般用於繼承重寫 監聽事件類中的方法 onpagescrollstatechanged onpagescrolled onpagesele...

Spring 監聽事件

contextclosedevent 上下文關閉的時候發布的事件 contextrefreshedevent 上下文初始化或者重新整理的時候發布的事件 requesthandledevent 上下文中,當乙個請求被處理後發布的事件 b 自定義事件及事件的監聽 b 2 發布事件 context.pub...