window.onresize在vue中只能使用一次,自适应resize报错问题
更新时间：2023年10月21日 15:07:02 作者：虎鲸大大
这篇文章主要介绍了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，使用变量代替
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了在 Vue 中编写 SVG 图标组件的方法，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2020-02-02
作为一个前端新手,项目中遇到权限处理时,通常会采用动态添加路由的方法来实现,下面这篇文章主要给大家介绍了关于vue动态路由刷新失效以及404页面处理办法的相关资料,需要的朋友可以参考下2023-11-11
这篇文章主要介绍了解决vue cli使用typescript后打包巨慢的问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
这篇文章主要介绍了vue3+ts+MicroApp实战教程,分别在主应用项目(main)和子应用(childrenOne,childrenTwo)项目中安装microApp，本文给大家详细讲解，需要的朋友可以参考下2022-10-10
这篇文章主要介绍了vue中移动端调取本地的复制的文本方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
今天小编就为大家带来一篇axios取消请求的实践记录分享，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
详解axios 全攻略之基本介绍与使用（GET 与 POST）
本篇文章主要介绍了axios 全攻略之基本介绍与使用（GET 与 POST），详细的介绍了axios的安装和使用，还有 GET 与 POST方法，有兴趣的可以了解一下2017-09-09
这篇文章主要介绍了vue如何利用axios调用后台api接口问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-07-07
watch函数用来侦听特定的数据源,并在回调函数中执行副作用,下面这篇文章主要给大家介绍了关于VUE3中watch监听使用的相关资料,需要的朋友可以参考下2022-06-06
这篇文章主要介绍了Vue父子模版传值及组件传值的三种方法,需要的朋友可以参考下2017-11-11
最新评论