vue 創建監聽,和銷燬監聽(addEventListener, removeEventListener)

最近在做一個有關監聽scroll的功能, 發現我添加監聽之後一直不起作用:

1 2	mounted() {     window.addEventListener("scroll", this.setHeadPosition); //this.setHeadPosition方法名

1

　　後來發現要在後面添加一個true之後纔行:

1 2 3

mounted() {   window.addEventListener("scroll", this.setHeadPosition, true); },

　　而在離開是的時候需要銷燬監聽: (在destroyed裏面銷燬), 否則監聽會一直存在, 因爲這是單頁面應用, 頁面並未關閉.

1 2 3

destroyed() {   window.removeEventListener("scroll", this.setHeadPosition, true); },

　 在銷燬的時候一定也要加上true, 否則銷燬不起作用.