window.onresize在vue中只能使用一次,自适应resize报错问题
作者：虎鲸大大
这篇文章主要介绍了window.onresize在vue中只能使用一次,自适应resize报错问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
window.onresize在vue中只能使用一次,自适应resize报错
1.window.onresize不能重复使用
因为onresize是一个回调，当它发生变化时，会覆盖前一个
2.但是有业务场景需要多个组件进行监听
此时可以使用
window.addEventListener('resize',()=>{})3.移除监听
window.removeEventListener('resize',函数名)
4.写echars自适应时报错找不到resize
使用了this，
第一次是在mounted生命周期函数中实例化echarts对象，this是指向VueComponent组件，就是柱状图的div；
第二次是在window监听事件中监听窗口尺寸的自适应，this则是指向监听对象，也就是window，但是在这里需要的是在window的监听对象中对柱状图div进行自适应操作。
解决办法：
去掉this，使用变量代替
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。