window.onresize在vue中只能使用一次,自適應resize報錯問題
更新時間：2023年10月21日 15:07:02 作者：虎鯨大大
這篇文章主要介紹了window.onresize在vue中只能使用一次,自適應resize報錯問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
window.onresize在vue中只能使用一次,自適應resize報錯
1.window.onresize不能重復使用
因為onresize是一個回調，當它發(fā)生變化時，會覆蓋前一個
2.但是有業(yè)務場景需要多個組件進行監(jiān)聽
此時可以使用
window.addEventListener('resize',()=>{})3.移除監(jiān)聽
window.removeEventListener('resize',函數(shù)名)
4.寫echars自適應時報錯找不到resize
使用了this，
第一次是在mounted生命周期函數(shù)中實例化echarts對象，this是指向VueComponent組件，就是柱狀圖的div；
第二次是在window監(jiān)聽事件中監(jiān)聽窗口尺寸的自適應，this則是指向監(jiān)聽對象，也就是window，但是在這里需要的是在window的監(jiān)聽對象中對柱狀圖div進行自適應操作。
解決辦法：
去掉this，使用變量代替
總結
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了vue 擴展現(xiàn)有組件的操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
這篇文章主要介紹了Vue中使用插槽（slot）、聚類插槽，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
vue elementUI使用tabs與導航欄聯(lián)動
這篇文章主要為大家詳細介紹了vue elementUI使用tabs與導航欄聯(lián)動，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-06-06
這篇文章主要介紹了vue實現(xiàn)引入本地json的方法,結合實例形式分析了vue.js加載本地json文件及解析json數(shù)據(jù)相關操作技巧,需要的朋友可以參考下2018-07-07
VueQuillEditor富文本上傳圖片(非base64)
這篇文章主要介紹了VueQuillEditor富文本上傳圖片(非base64),文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-06-06
本文主要介紹vscode中 vue項目es-lint的配置方法，非常不錯，具有一定的參考借鑒價值，需要的的朋友參考下吧2018-07-07
解決vue單頁面多個組件嵌套監(jiān)聽瀏覽器窗口變化問題
這篇文章主要介紹了解決vue單頁面多個組件嵌套監(jiān)聽瀏覽器窗口變化問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
vue循環(huán)數(shù)據(jù)v-for / v-if最后一條問題
這篇文章主要介紹了vue循環(huán)數(shù)據(jù)v-for / v-if最后一條問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要介紹了vue3.0響應式函數(shù)原理，Vue3的響應式系統(tǒng)可以監(jiān)聽動態(tài)添加的屬性還可以監(jiān)聽屬性的刪除操作，以及數(shù)組的索引以及l(fā)ength屬性的修改操作。另外Vue3的響應式系統(tǒng)還可以作為模塊單獨使用。下面更多介紹，需要的小伙伴可以才可以參考一下2022-02-02
這篇文章主要介紹了vue關于下載文件常用的幾種方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10