在vue項目中用到了echarts組件,需要根據窗口大小重新渲染。
剛開始使用了onresize的方式監聽瀏覽器大小的變化,然後通過 myChart.resize() 方法重新渲染,發現只有最後一個圖表執行了resize
最後用 addEventListener 方式綁定的 resize 方式是正常的
on和addEventListener 的區別
一般情況下,on和addEventListener綁定的功能是一樣的,如果一個標籤上綁定兩個相同事件,on方式的綁定最後一個事件會覆蓋掉上面的事件,addEventListener 則不會,原理是將實現EventListener的函數或對象添加到調用它的EventTarget上的指定事件類型的事件偵聽器列表中,會依次執行,不會覆蓋以前的事件