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 扩展现有组件的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
这篇文章主要介绍了Vue中使用插槽（slot）、聚类插槽，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
这篇文章主要为大家详细介绍了vue elementUI使用tabs与导航栏联动，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-06-06
这篇文章主要介绍了vue实现引入本地json的方法,结合实例形式分析了vue.js加载本地json文件及解析json数据相关操作技巧,需要的朋友可以参考下2018-07-07
VueQuillEditor富文本上传图片(非base64)
这篇文章主要介绍了VueQuillEditor富文本上传图片(非base64),文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-06-06
本文主要介绍vscode中 vue项目es-lint的配置方法，非常不错，具有一定的参考借鉴价值，需要的的朋友参考下吧2018-07-07
这篇文章主要介绍了解决vue单页面多个组件嵌套监听浏览器窗口变化问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
这篇文章主要介绍了vue循环数据v-for / v-if最后一条问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
这篇文章主要介绍了vue3.0响应式函数原理，Vue3的响应式系统可以监听动态添加的属性还可以监听属性的删除操作，以及数组的索引以及length属性的修改操作。另外Vue3的响应式系统还可以作为模块单独使用。下面更多介绍，需要的小伙伴可以才可以参考一下2022-02-02
这篇文章主要介绍了vue关于下载文件常用的几种方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
最新评论