技术问答vue濡備綍鍙栨秷鐩戝惉 - 扬州沐宇科技

扫描二维码下载沐宇APP

微信扫码使用沐宇小程序

沐宇首页互联网技术知识问答 vue濡備綍鍙栨秷鐩戝惉

扬州沐宇科技

2021-05-12 19:29:34

vue

鍦╲ue涓彇娑堢洃鍚殑鏂规硶锛?.鏂板缓椤圭洰锛屽紩鍏ue锛?.浣跨敤window.addEventListener鏂规硶鍒涘缓鐩戝惉锛?.浣跨敤window.removeEventListener鏂规硶鍙栨秷鐩戝惉锛?p>

vue濡備綍鍙栨秷鐩戝惉

鍏蜂綋姝ラ濡備笅锛?p>1.棣栧厛锛屾柊寤轰竴涓猦tml椤圭洰锛屽苟鍦ㄩ」鐩腑寮曞叆vue锛?p>

import Vue from 'vue'

2.寮曞叆vue鍚庯紝鍦ㄩ」鐩腑浣跨敤window.addEventListener鏂规硶鍒涘缓鐩戝惉锛?p>

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

3.鏈€鍚庯紝鐩戝惉鍒涘缓濂藉悗锛屼娇鐢╳indow.removeEventListener鏂规硶鍗冲彲鍙栨秷鐩戝惉锛?p>

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