vue 多个组件中同时使用window.onresize时,只有一个组件起作用时的解决办法

window.onresize 替换成

​
window.addEventListener('resize', () => { })

例如:在使用Echarts的时候可能需要多个图表子组件但是每个组件都使用了window.onresize时,那么就会存在只有一个组件生效的问题,只需要将所有子组件使用onResize()的地方修改了即可

//原来
  window.onresize = function () {
    middleChart1.resize()
    middleChart2.resize()
    middleChart3.resize()
    middleChart4.resize()
    middleChart5.resize()
    middleChart6.resize()
   }
//修改后  
window.addEventListener('resize', () => {
    middleChart1.resize()
    middleChart2.resize()
    middleChart3.resize()
    middleChart4.resize()
    middleChart5.resize()
    middleChart6.resize()
   })

你可能感兴趣的:(vue.js,javascript,ecmascript)