vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > window.onresize在vue只能使用一次,自适应resize报错

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,使用变量代替

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文